Gris, fauve et noir en dégradé linéaire
Dégradé linéaire, 64 couleurs à 225° : #787c71, #b9af8d, #ecc19d, #896b5d, #1f1917. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #787c71
- #797d72
- #7b7f73
- #7e8174
- #808476
- #848777
- #878a79
- #8b8d7b
- #8f917d
- #94947f
- #989881
- #9d9c83
- #a2a085
- #a8a487
- #ada789
- #b3ab8b
- #b9af8d
- #beb290
- #c4b592
- #cab994
- #cfbb95
- #d4be97
- #d9c099
- #ddc29a
- #e2c49c
- #e5c59d
- #e8c69e
- #ebc69f
- #edc69f
- #eec69f
- #eec59f
- #edc39e
- #ecc19d
- #eabe9b
- #e7ba99
- #e3b696
- #deb293
- #d8ad90
- #d2a78c
- #cba188
- #c49b83
- #bc957e
- #b48e79
- #ac8774
- #a4806e
- #9b7968
- #927263
- #896b5d
- #806457
- #775d52
- #6f574c
- #665046
- #5e4a41
- #56443c
- #4f3e37
- #473832
- #41332d
- #3a2e29
- #342925
- #2f2522
- #2a221e
- #261e1c
- #221b19
- #1f1917
CSS
background: linear-gradient(225deg in oklch, oklch(57.87% 0.0165 123.05) 0.0%, oklch(58.36% 0.0175 121.99) 1.6%, oklch(58.98% 0.0186 120.79) 3.2%, oklch(59.72% 0.0199 119.44) 4.8%, oklch(60.57% 0.0214 117.95) 6.3%, oklch(61.52% 0.0231 116.35) 7.9%, oklch(62.55% 0.0249 114.62) 9.5%, oklch(63.66% 0.0268 112.80) 11.1%, oklch(64.84% 0.0288 110.87) 12.7%, oklch(66.07% 0.0309 108.86) 14.3%, oklch(67.34% 0.0331 106.78) 15.9%, oklch(68.65% 0.0353 104.62) 17.5%, oklch(69.98% 0.0376 102.42) 19.0%, oklch(71.31% 0.0399 100.16) 20.6%, oklch(72.65% 0.0423 97.86) 22.2%, oklch(73.97% 0.0446 95.54) 23.8%, oklch(75.27% 0.0469 93.20) 25.4%, oklch(76.54% 0.0492 90.85) 27.0%, oklch(77.76% 0.0514 88.50) 28.6%, oklch(78.93% 0.0536 86.17) 30.2%, oklch(80.02% 0.0557 83.85) 31.7%, oklch(81.04% 0.0577 81.56) 33.3%, oklch(81.97% 0.0596 79.31) 34.9%, oklch(82.80% 0.0613 77.11) 36.5%, oklch(83.52% 0.0629 74.97) 38.1%, oklch(84.12% 0.0644 72.90) 39.7%, oklch(84.58% 0.0657 70.90) 41.3%, oklch(84.90% 0.0667 69.00) 42.9%, oklch(85.06% 0.0676 67.19) 44.4%, oklch(85.06% 0.0683 65.48) 46.0%, oklch(84.88% 0.0687 63.90) 47.6%, oklch(84.51% 0.0689 62.44) 49.2%, oklch(83.94% 0.0688 61.10) 50.8%, oklch(83.14% 0.0685 59.83) 52.4%, oklch(82.11% 0.0678 58.61) 54.0%, oklch(80.89% 0.0670 57.45) 55.6%, oklch(79.47% 0.0659 56.34) 57.1%, oklch(77.88% 0.0646 55.28) 58.7%, oklch(76.12% 0.0631 54.26) 60.3%, oklch(74.22% 0.0615 53.29) 61.9%, oklch(72.18% 0.0597 52.36) 63.5%, oklch(70.03% 0.0577 51.48) 65.1%, oklch(67.77% 0.0556 50.64) 66.7%, oklch(65.43% 0.0534 49.84) 68.3%, oklch(63.01% 0.0511 49.07) 69.8%, oklch(60.53% 0.0488 48.34) 71.4%, oklch(58.00% 0.0463 47.65) 73.0%, oklch(55.44% 0.0439 46.99) 74.6%, oklch(52.87% 0.0413 46.36) 76.2%, oklch(50.29% 0.0388 45.76) 77.8%, oklch(47.72% 0.0363 45.19) 79.4%, oklch(45.18% 0.0338 44.64) 81.0%, oklch(42.68% 0.0313 44.12) 82.5%, oklch(40.24% 0.0289 43.62) 84.1%, oklch(37.87% 0.0266 43.15) 85.7%, oklch(35.58% 0.0243 42.69) 87.3%, oklch(33.39% 0.0221 42.25) 88.9%, oklch(31.31% 0.0201 41.83) 90.5%, oklch(29.37% 0.0181 41.43) 92.1%, oklch(27.56% 0.0163 41.03) 93.7%, oklch(25.91% 0.0147 40.65) 95.2%, oklch(24.43% 0.0133 40.28) 96.8%, oklch(23.14% 0.0121 39.92) 98.4%, oklch(22.05% 0.0110 39.56) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
