Off-white para marrom: gradiente angular
Off-white para marrom: paleta com 32 cores. #faf1e0, #eee1ca, #dbc2a3, #caa480, #b57d56, #a35e3a, #903e1f, #852a12. Edite e exporte CSS, SVG, PNG ou um shader.
32 cores, 2 quadros-chave OKLCH editáveis.
- #faf1e0
- #f7eedb
- #f5ead6
- #f2e6d0
- #eee1ca
- #ebdbc3
- #e7d5bb
- #e3cfb3
- #dfc9ab
- #dbc2a3
- #d7bb9a
- #d3b492
- #cfac89
- #caa480
- #c69c77
- #c2956f
- #bd8d66
- #b9855e
- #b57d56
- #b0754e
- #ac6d47
- #a86640
- #a35e3a
- #9f5734
- #9b502e
- #984a28
- #944424
- #903e1f
- #8d381b
- #8a3318
- #882e15
- #852a12
CSS
background: conic-gradient(from 315deg in oklch, oklch(96.06% 0.0248 85.08) 0.0%, oklch(95.11% 0.0267 84.20) 3.2%, oklch(94.00% 0.0288 83.18) 6.5%, oklch(92.74% 0.0312 82.02) 9.7%, oklch(91.35% 0.0340 80.74) 12.9%, oklch(89.83% 0.0369 79.34) 16.1%, oklch(88.20% 0.0401 77.84) 19.4%, oklch(86.47% 0.0434 76.24) 22.6%, oklch(84.64% 0.0470 74.56) 25.8%, oklch(82.73% 0.0507 72.80) 29.0%, oklch(80.76% 0.0545 70.98) 32.3%, oklch(78.72% 0.0585 69.10) 35.5%, oklch(76.63% 0.0625 67.18) 38.7%, oklch(74.50% 0.0667 65.23) 41.9%, oklch(72.35% 0.0708 63.24) 45.2%, oklch(70.18% 0.0751 61.25) 48.4%, oklch(68.01% 0.0793 59.24) 51.6%, oklch(65.84% 0.0835 57.25) 54.8%, oklch(63.69% 0.0877 55.26) 58.1%, oklch(61.56% 0.0918 53.31) 61.3%, oklch(59.47% 0.0958 51.38) 64.5%, oklch(57.43% 0.0998 49.51) 67.7%, oklch(55.45% 0.1036 47.68) 71.0%, oklch(53.55% 0.1074 45.93) 74.2%, oklch(51.72% 0.1109 44.25) 77.4%, oklch(49.99% 0.1143 42.65) 80.6%, oklch(48.35% 0.1174 41.15) 83.9%, oklch(46.84% 0.1204 39.75) 87.1%, oklch(45.44% 0.1231 38.47) 90.3%, oklch(44.19% 0.1255 37.31) 93.5%, oklch(43.08% 0.1277 36.29) 96.8%, oklch(42.13% 0.1295 35.41) 100.0%);Nestas coleções
Gradientes linearesGradientes de duas cores
Paletas parecidasColeçõesBaixar PNGJSON da paletaMarkdownComo funciona
