Bleu clair, vert foncé, bleu marine et bleu canard en dégradé linéaire

Dégradé linéaire, 32 couleurs à 225° : #96cdfa, #3f5d2c, #002927, #0c4a6d, #36f5cb. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #96cdfa
• #86c6ed
• #71bdd9
• #5cb1bf
• #4aa2a1
• #409281
• #3e8061
• #3f6e45
• #3f5d2c
• #3c4f18
• #374408
• #303d02
• #243905
• #13350d
• #003118
• #002c21
• #002927
• #00272b
• #002732
• #00283a
• #002b45
• #06304f
• #0b3b5c
• #0c4a6d
• #035d81
• #007393
• #008ca3
• #00a5b2
• #00bebe
• #00d5c5
• #13e8c9
• #36f5cb

CSS

background: linear-gradient(225deg in oklch, oklch(82.68% 0.0854 243.98) 0.0%, oklch(79.80% 0.0852 235.92) 3.2%, oklch(75.89% 0.0850 224.25) 6.5%, oklch(71.19% 0.0848 209.99) 9.7%, oklch(65.94% 0.0845 194.14) 12.9%, oklch(60.39% 0.0842 177.69) 16.1%, oklch(54.76% 0.0838 161.66) 19.4%, oklch(49.31% 0.0834 147.04) 22.6%, oklch(44.26% 0.0829 134.84) 25.8%, oklch(39.87% 0.0823 126.06) 29.0%, oklch(36.36% 0.0816 121.70) 32.3%, oklch(33.75% 0.0805 122.81) 35.5%, oklch(31.39% 0.0787 129.51) 38.7%, oklch(29.31% 0.0762 140.65) 41.9%, oklch(27.58% 0.0683 154.93) 45.2%, oklch(26.23% 0.0512 171.36) 48.4%, oklch(25.34% 0.0440 188.69) 51.6%, oklch(24.98% 0.0427 205.69) 54.8%, oklch(25.20% 0.0462 221.09) 58.1%, oklch(26.08% 0.0543 233.68) 61.3%, oklch(27.66% 0.0660 242.25) 64.5%, oklch(30.06% 0.0703 245.64) 67.7%, oklch(33.88% 0.0760 244.82) 71.0%, oklch(39.00% 0.0837 240.63) 74.2%, oklch(45.09% 0.0930 233.80) 77.4%, oklch(51.83% 0.0983 225.08) 80.6%, oklch(58.86% 0.1041 215.14) 83.9%, oklch(65.87% 0.1124 204.76) 87.1%, oklch(72.52% 0.1238 194.64) 90.3%, oklch(78.48% 0.1380 185.52) 93.5%, oklch(83.42% 0.1516 178.13) 96.8%, oklch(87.01% 0.1571 173.18) 100.0%);

Dans ces collections

Dégradés bleu et vert

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