Fauve, marron et orange (analogues) aux tons vifs en dégradé linéaire
Dégradé linéaire, 40 couleurs à 135° : #ffe683, #c07649, #d98f3b, #c88f2c, #320d05. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #ffe683
- #fddf7c
- #f9d676
- #f5cb6e
- #efbe67
- #e8b160
- #e0a45a
- #d89755
- #d08a50
- #c77f4c
- #c07649
- #b96e47
- #b46845
- #b26543
- #b26442
- #b56741
- #bb6c40
- #c2733f
- #ca7b3e
- #d2853c
- #d98f3b
- #df993b
- #e4a23a
- #e7a93b
- #e8ae3b
- #e7b03a
- #e3ae38
- #dda735
- #d49d31
- #c88f2c
- #ba8027
- #ab7023
- #9a5f1f
- #884f1b
- #763f17
- #643113
- #54250f
- #461b0b
- #3a1308
- #320d05
CSS
background: linear-gradient(135deg in oklch, oklch(92.52% 0.1226 95.63) 0.0%, oklch(90.88% 0.1233 93.09) 2.6%, oklch(88.64% 0.1222 89.60) 5.1%, oklch(85.93% 0.1208 85.35) 7.7%, oklch(82.86% 0.1193 80.53) 10.3%, oklch(79.54% 0.1176 75.34) 12.8%, oklch(76.11% 0.1160 69.98) 15.4%, oklch(72.67% 0.1143 64.63) 17.9%, oklch(69.35% 0.1129 59.50) 20.5%, oklch(66.27% 0.1116 54.77) 23.1%, oklch(63.54% 0.1106 50.65) 25.6%, oklch(61.28% 0.1100 47.32) 28.2%, oklch(59.62% 0.1098 44.99) 30.8%, oklch(58.66% 0.1102 43.84) 33.3%, oklch(58.61% 0.1115 44.11) 35.9%, oklch(59.46% 0.1137 45.73) 38.5%, oklch(61.02% 0.1167 48.46) 41.0%, oklch(63.14% 0.1203 52.05) 43.6%, oklch(65.63% 0.1242 56.26) 46.2%, oklch(68.32% 0.1282 60.84) 48.7%, oklch(71.03% 0.1322 65.55) 51.3%, oklch(73.59% 0.1358 70.16) 53.8%, oklch(75.82% 0.1389 74.40) 56.4%, oklch(77.55% 0.1413 78.05) 59.0%, oklch(78.59% 0.1427 80.85) 61.5%, oklch(78.79% 0.1430 82.56) 64.1%, oklch(77.95% 0.1419 82.94) 66.7%, oklch(75.96% 0.1392 81.95) 69.2%, oklch(72.93% 0.1350 79.81) 71.8%, oklch(69.04% 0.1295 76.72) 74.4%, oklch(64.46% 0.1229 72.86) 76.9%, oklch(59.38% 0.1157 68.42) 79.5%, oklch(53.98% 0.1079 63.59) 82.1%, oklch(48.42% 0.0999 58.55) 84.6%, oklch(42.90% 0.0920 53.48) 87.2%, oklch(37.59% 0.0844 48.58) 89.7%, oklch(32.67% 0.0773 44.03) 92.3%, oklch(28.32% 0.0710 40.01) 94.9%, oklch(24.72% 0.0658 36.72) 97.4%, oklch(22.05% 0.0620 34.33) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
