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

Dégradé linéaire, 32 couleurs à 135° : #020b1e, #04576c, #00d6c0, #d255b6, #0a1630. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #020b1e
• #031024
• #04162b
• #051e34
• #07283f
• #08324a
• #083e55
• #074a61
• #04576c
• #006778
• #007a84
• #038e8e
• #1da295
• #31b49c
• #3cc4a4
• #38cfaf
• #00d6c0
• #00d3da
• #00cbfa
• #70b8ff
• #97a2ff
• #ba80ff
• #d067d9
• #d255b6
• #c54aa1
• #ab4195
• #89398b
• #65327d
• #432b6a
• #282354
• #151c3f
• #0a1630

CSS

background: linear-gradient(135deg in oklch, oklch(15.35% 0.0441 258.75) 0.0%, oklch(17.36% 0.0464 256.04) 3.2%, oklch(19.95% 0.0493 252.51) 6.5%, oklch(23.04% 0.0527 248.32) 9.7%, oklch(26.51% 0.0567 243.61) 12.9%, oklch(30.28% 0.0611 238.53) 16.1%, oklch(34.24% 0.0660 233.23) 19.4%, oklch(38.29% 0.0714 227.86) 22.6%, oklch(42.38% 0.0773 222.45) 25.8%, oklch(47.20% 0.0833 214.79) 29.0%, oklch(52.73% 0.0900 205.01) 32.3%, oklch(58.55% 0.0995 194.57) 35.5%, oklch(64.30% 0.1079 184.89) 38.7%, oklch(69.56% 0.1163 177.38) 41.9%, oklch(73.93% 0.1247 173.45) 45.2%, oklch(77.01% 0.1326 174.53) 48.4%, oklch(78.51% 0.1403 182.39) 51.6%, oklch(78.78% 0.1339 199.15) 54.8%, oklch(78.04% 0.1447 222.48) 58.1%, oklch(76.43% 0.1257 249.50) 61.3%, oklch(74.11% 0.1347 277.37) 64.5%, oklch(71.22% 0.1844 303.20) 67.7%, oklch(67.90% 0.1923 324.14) 71.0%, oklch(64.31% 0.1913 337.32) 74.2%, oklch(60.17% 0.1840 340.83) 77.4%, oklch(54.77% 0.1698 336.66) 80.6%, oklch(48.51% 0.1507 326.87) 83.9%, oklch(41.86% 0.1288 313.48) 87.1%, oklch(35.27% 0.1062 298.49) 90.3%, oklch(29.20% 0.0850 283.92) 93.5%, oklch(24.11% 0.0673 271.76) 96.8%, oklch(20.47% 0.0551 264.03) 100.0%);

Dans ces collections

Dégradés aurore boréale

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