Bleu, vert et fauve (trichromie) aux tons pastel en dégradé linéaire
Dégradé linéaire, 64 couleurs à 225° : #c7e2ff, #a1dec4, #dab67a, #d4a284, #c19b8c. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #c7e2ff
- #c4e2fe
- #c1e2fd
- #bee2fc
- #bbe2fb
- #b8e2f9
- #b4e2f7
- #b0e2f4
- #ace2f1
- #a9e2ed
- #a6e2e9
- #a3e2e4
- #a1e2df
- #a0e1d9
- #a0e0d2
- #a0dfcb
- #a1dec4
- #a4ddbd
- #a7dbb5
- #aad9ae
- #aed6a7
- #b3d4a0
- #b8d199
- #bccf93
- #c1cc8d
- #c6c988
- #cac684
- #cec381
- #d1c07e
- #d4bd7c
- #d6ba7b
- #d8b87a
- #dab67a
- #dbb47a
- #dcb27a
- #ddb07a
- #ddae7b
- #ddad7c
- #ddab7d
- #dcaa7e
- #dca97e
- #dba77f
- #daa680
- #d9a581
- #d8a482
- #d7a483
- #d6a384
- #d4a284
- #d3a185
- #d1a186
- #d0a086
- #cfa087
- #cd9f88
- #cc9f88
- #ca9e89
- #c99e89
- #c89d89
- #c79d8a
- #c69d8a
- #c59c8a
- #c49c8b
- #c39c8b
- #c29b8b
- #c19b8c
CSS
background: linear-gradient(225deg in oklch, oklch(90.16% 0.0496 250.30) 0.0%, oklch(89.98% 0.0503 247.40) 1.6%, oklch(89.77% 0.0511 244.04) 3.2%, oklch(89.55% 0.0521 240.26) 4.8%, oklch(89.30% 0.0532 236.10) 6.3%, oklch(89.03% 0.0544 231.58) 7.9%, oklch(88.75% 0.0557 226.74) 9.5%, oklch(88.45% 0.0570 221.59) 11.1%, oklch(88.13% 0.0585 216.17) 12.7%, oklch(87.80% 0.0600 210.51) 14.3%, oklch(87.46% 0.0616 204.63) 15.9%, oklch(87.11% 0.0632 198.57) 17.5%, oklch(86.74% 0.0649 192.36) 19.0%, oklch(86.37% 0.0666 186.01) 20.6%, oklch(85.99% 0.0683 179.57) 22.2%, oklch(85.60% 0.0700 173.06) 23.8%, oklch(85.21% 0.0716 166.51) 25.4%, oklch(84.82% 0.0733 159.95) 27.0%, oklch(84.42% 0.0749 153.40) 28.6%, oklch(84.02% 0.0765 146.90) 30.2%, oklch(83.63% 0.0780 140.47) 31.7%, oklch(83.23% 0.0795 134.15) 33.3%, oklch(82.84% 0.0809 127.96) 34.9%, oklch(82.45% 0.0822 121.93) 36.5%, oklch(82.07% 0.0834 116.09) 38.1%, oklch(81.70% 0.0845 110.46) 39.7%, oklch(81.33% 0.0855 105.09) 41.3%, oklch(80.97% 0.0863 99.99) 42.9%, oklch(80.63% 0.0870 95.19) 44.4%, oklch(80.30% 0.0876 90.73) 46.0%, oklch(79.98% 0.0879 86.64) 47.6%, oklch(79.67% 0.0882 82.93) 49.2%, oklch(79.38% 0.0882 79.62) 50.8%, oklch(79.10% 0.0880 76.55) 52.4%, oklch(78.81% 0.0877 73.70) 54.0%, oklch(78.52% 0.0872 71.04) 55.6%, oklch(78.23% 0.0865 68.59) 57.1%, oklch(77.94% 0.0857 66.32) 58.7%, oklch(77.65% 0.0848 64.22) 60.3%, oklch(77.37% 0.0838 62.30) 61.9%, oklch(77.08% 0.0826 60.53) 63.5%, oklch(76.80% 0.0814 58.91) 65.1%, oklch(76.52% 0.0800 57.44) 66.7%, oklch(76.25% 0.0786 56.09) 68.3%, oklch(75.98% 0.0771 54.87) 69.8%, oklch(75.71% 0.0756 53.76) 71.4%, oklch(75.45% 0.0740 52.76) 73.0%, oklch(75.19% 0.0724 51.86) 74.6%, oklch(74.93% 0.0708 51.04) 76.2%, oklch(74.69% 0.0691 50.30) 77.8%, oklch(74.44% 0.0675 49.63) 79.4%, oklch(74.21% 0.0658 49.02) 81.0%, oklch(73.98% 0.0642 48.46) 82.5%, oklch(73.76% 0.0627 47.95) 84.1%, oklch(73.55% 0.0611 47.47) 85.7%, oklch(73.34% 0.0596 47.01) 87.3%, oklch(73.15% 0.0582 46.57) 88.9%, oklch(72.96% 0.0569 46.14) 90.5%, oklch(72.78% 0.0556 45.70) 92.1%, oklch(72.61% 0.0544 45.26) 93.7%, oklch(72.46% 0.0534 44.79) 95.2%, oklch(72.31% 0.0525 44.30) 96.8%, oklch(72.17% 0.0516 43.77) 98.4%, oklch(72.05% 0.0510 43.19) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
