Marron, fauve, bordeaux et violet aux tons chauds en dégradé radial
Dégradé radial, 40 couleurs : #6a1d41, #e0e0b8, #721e49, #87833f, #76204a. Modifiez et exportez en CSS, SVG, PNG ou shader.
5 points clés OKLCH modifiables.
- #6a1d41
- #772a42
- #873c44
- #9a5349
- #ab6f53
- #ba8b63
- #c6a77a
- #d0bf92
- #d8d2a7
- #dedeb5
- #e0e0b8
- #ddd9ae
- #d7c99b
- #d0b283
- #c6966d
- #b9795d
- #a85c54
- #954451
- #83314f
- #77244d
- #721e49
- #751e42
- #7b2438
- #84302c
- #8a4020
- #8d5218
- #8d641d
- #8b732b
- #897e38
- #87833f
- #88823d
- #8a7c35
- #8e722a
- #916520
- #92561e
- #914725
- #8c3830
- #842d3b
- #7d2444
- #76204a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(36.61% 0.1144 355.78) 0.0%, oklch(40.36% 0.1100 3.79) 2.6%, oklch(45.81% 0.1037 15.48) 5.1%, oklch(52.46% 0.0959 29.75) 7.7%, oklch(59.79% 0.0873 45.48) 10.3%, oklch(67.29% 0.0786 61.58) 12.8%, oklch(74.47% 0.0703 76.92) 15.4%, oklch(80.81% 0.0631 90.40) 17.9%, oklch(85.80% 0.0575 100.92) 20.5%, oklch(88.94% 0.0543 107.36) 23.1%, oklch(89.70% 0.0540 108.59) 25.6%, oklch(87.80% 0.0571 103.48) 28.2%, oklch(83.67% 0.0632 92.99) 30.8%, oklch(77.88% 0.0713 78.60) 33.3%, oklch(70.99% 0.0809 61.80) 35.9%, oklch(63.58% 0.0911 44.07) 38.5%, oklch(56.22% 0.1011 26.90) 41.0%, oklch(49.46% 0.1102 11.77) 43.6%, oklch(43.88% 0.1177 0.16) 46.2%, oklch(40.06% 0.1227 353.57) 48.7%, oklch(38.44% 0.1246 353.40) 51.3%, oklch(38.65% 0.1238 359.62) 53.8%, oklch(40.26% 0.1209 10.82) 56.4%, oklch(42.89% 0.1164 25.54) 59.0%, oklch(46.18% 0.1110 42.30) 61.5%, oklch(49.77% 0.1052 59.64) 64.1%, oklch(53.30% 0.0996 76.09) 66.7%, oklch(56.38% 0.0948 90.19) 69.2%, oklch(58.67% 0.0912 100.46) 71.8%, oklch(59.79% 0.0896 105.44) 74.4%, oklch(59.57% 0.0902 104.19) 76.9%, oklch(58.40% 0.0924 97.84) 79.5%, oklch(56.49% 0.0959 87.50) 82.1%, oklch(54.05% 0.1004 74.27) 84.6%, oklch(51.27% 0.1054 59.23) 87.2%, oklch(48.36% 0.1106 43.45) 89.7%, oklch(45.51% 0.1157 28.03) 92.3%, oklch(42.93% 0.1204 14.04) 94.9%, oklch(40.82% 0.1242 2.58) 97.4%, oklch(39.37% 0.1268 354.72) 100.0%);Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
