Rouge, orange et marron (analogues) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 45° : #a30c25, #bf2f27, #c8623d, #b67443, #886109. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #a30c25
• #a51026
• #a81426
• #ac1826
• #b01c26
• #b42026
• #b82527
• #bc2a27
• #bf2f27
• #c23427
• #c53a27
• #c64028
• #c8462b
• #c84d2f
• #c95433
• #c95b38
• #c8623d
• #c76842
• #c66d46
• #c47149
• #c1744b
• #bf754a
• #bb7548
• #b67443
• #b0723e
• #aa7037
• #a36d2f
• #9c6a27
• #96671f
• #906417
• #8c620f
• #886109

CSS

background: linear-gradient(45deg in oklch, oklch(45.67% 0.1778 21.80) 0.0%, oklch(46.24% 0.1780 22.31) 3.2%, oklch(46.98% 0.1788 22.91) 6.5%, oklch(47.87% 0.1798 23.61) 9.7%, oklch(48.85% 0.1809 24.40) 12.9%, oklch(49.92% 0.1818 25.28) 16.1%, oklch(51.02% 0.1825 26.24) 19.4%, oklch(52.14% 0.1828 27.28) 22.6%, oklch(53.23% 0.1823 28.40) 25.8%, oklch(54.27% 0.1811 29.60) 29.0%, oklch(55.22% 0.1788 30.87) 32.3%, oklch(56.11% 0.1752 32.20) 35.5%, oklch(57.10% 0.1700 33.59) 38.7%, oklch(58.16% 0.1636 35.03) 41.9%, oklch(59.23% 0.1563 36.54) 45.2%, oklch(60.28% 0.1484 38.14) 48.4%, oklch(61.25% 0.1403 39.83) 51.6%, oklch(62.10% 0.1324 41.62) 54.8%, oklch(62.77% 0.1249 43.53) 58.1%, oklch(63.23% 0.1183 45.56) 61.3%, oklch(63.43% 0.1130 47.74) 64.5%, oklch(63.30% 0.1091 50.08) 67.7%, oklch(62.77% 0.1065 52.83) 71.0%, oklch(61.89% 0.1047 55.94) 74.2%, oklch(60.73% 0.1037 59.30) 77.4%, oklch(59.38% 0.1033 62.79) 80.6%, oklch(57.92% 0.1033 66.30) 83.9%, oklch(56.44% 0.1036 69.70) 87.1%, oklch(55.03% 0.1041 72.88) 90.3%, oklch(53.75% 0.1045 75.72) 93.5%, oklch(52.70% 0.1048 78.11) 96.8%, oklch(51.97% 0.1047 79.92) 100.0%);

Dans ces collections

Or rose

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche