Gris, bleu canard, vert et bleu marine en dégradé linéaire

Dégradé linéaire, 32 couleurs à 180° : #eef9e9, #55b9b9, #5bd097, #5dba7b, #0a1f42. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #eef9e9
• #e5f4e2
• #d8edd9
• #c7e5cf
• #b2ddc7
• #9cd4c1
• #84cabd
• #6cc1ba
• #55b9b9
• #3fb2b8
• #2aaeb7
• #11aeb6
• #00b1b4
• #00b8b0
• #18c0aa
• #3cc9a1
• #5bd097
• #77d68d
• #8dd983
• #9bd97c
• #9ed777
• #95d176
• #7ec878
• #5dba7b
• #32a87f
• #009280
• #00797a
• #00616f
• #004c63
• #003958
• #06294c
• #0a1f42

CSS

background: linear-gradient(180deg in oklch, oklch(96.85% 0.0234 135.70) 0.0%, oklch(95.05% 0.0287 140.09) 3.2%, oklch(92.54% 0.0357 146.43) 6.5%, oklch(89.48% 0.0441 154.18) 9.7%, oklch(86.08% 0.0534 162.80) 12.9%, oklch(82.51% 0.0634 171.74) 16.1%, oklch(78.97% 0.0736 180.45) 19.4%, oklch(75.65% 0.0836 188.39) 22.6%, oklch(72.72% 0.0929 195.01) 25.8%, oklch(70.38% 0.1013 199.77) 29.0%, oklch(68.82% 0.1083 202.12) 32.3%, oklch(68.28% 0.1139 201.33) 35.5%, oklch(68.92% 0.1173 196.88) 38.7%, oklch(70.47% 0.1219 189.58) 41.9%, oklch(72.62% 0.1282 180.34) 45.2%, oklch(75.09% 0.1319 170.03) 48.4%, oklch(77.58% 0.1350 159.56) 51.6%, oklch(79.79% 0.1373 149.81) 54.8%, oklch(81.42% 0.1388 141.68) 58.1%, oklch(82.18% 0.1393 136.05) 61.3%, oklch(81.78% 0.1388 133.81) 64.5%, oklch(79.90% 0.1370 135.85) 67.7%, oklch(76.39% 0.1334 142.32) 71.0%, oklch(71.52% 0.1279 152.44) 74.2%, oklch(65.63% 0.1211 165.33) 77.4%, oklch(59.07% 0.1071 180.13) 80.6%, oklch(52.16% 0.0889 195.97) 83.9%, oklch(45.26% 0.0789 212.00) 87.1%, oklch(38.69% 0.0750 227.35) 90.3%, oklch(32.81% 0.0767 241.14) 93.5%, oklch(27.93% 0.0758 252.38) 96.8%, oklch(24.41% 0.0717 260.40) 100.0%);

Dans ces collections

Dégradés bleu et vert

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