Bleu marine, bleu et violet aux tons vifs en dégradé linéaire

Dégradé linéaire, 40 couleurs à 225° : #1a0752, #0f3c7b, #0566a5, #5c4fbb, #951290. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #1a0752
• #1a0b54
• #1a0f58
• #1a145b
• #1a195f
• #191e64
• #182468
• #172a6d
• #153072
• #123677
• #0f3c7b
• #0a4280
• #054884
• #014d89
• #00538c
• #005790
• #005c94
• #005f98
• #00629c
• #0065a1
• #0566a5
• #1066a9
• #1a66ac
• #2465b0
• #2d63b4
• #3760b7
• #415db9
• #4a59bb
• #5354bb
• #5c4fbb
• #6449b9
• #6c44b7
• #733eb3
• #7a37ae
• #8031a9
• #862ba4
• #8b259e
• #8f1e98
• #921893
• #951290

CSS

background: linear-gradient(225deg in oklch, oklch(22.83% 0.1213 282.66) 0.0%, oklch(23.61% 0.1213 281.46) 2.6%, oklch(24.58% 0.1212 279.82) 5.1%, oklch(25.72% 0.1209 277.79) 7.7%, oklch(27.01% 0.1206 275.43) 10.3%, oklch(28.42% 0.1202 272.82) 12.8%, oklch(29.93% 0.1198 270.02) 15.4%, oklch(31.53% 0.1194 267.09) 17.9%, oklch(33.18% 0.1190 264.09) 20.5%, oklch(34.87% 0.1186 261.09) 23.1%, oklch(36.57% 0.1184 258.15) 25.6%, oklch(38.27% 0.1182 255.35) 28.2%, oklch(39.93% 0.1182 252.73) 30.8%, oklch(41.54% 0.1184 250.37) 33.3%, oklch(43.08% 0.1170 248.36) 35.9%, oklch(44.52% 0.1163 246.70) 38.5%, oklch(45.85% 0.1166 245.49) 41.0%, oklch(47.03% 0.1178 244.79) 43.6%, oklch(48.04% 0.1201 244.66) 46.2%, oklch(48.88% 0.1235 245.18) 48.7%, oklch(49.51% 0.1265 246.39) 51.3%, oklch(49.98% 0.1292 248.42) 53.8%, oklch(50.33% 0.1324 251.19) 56.4%, oklch(50.55% 0.1360 254.62) 59.0%, oklch(50.65% 0.1400 258.61) 61.5%, oklch(50.66% 0.1444 263.09) 64.1%, oklch(50.58% 0.1490 267.98) 66.7%, oklch(50.43% 0.1538 273.18) 69.2%, oklch(50.21% 0.1587 278.62) 71.8%, oklch(49.95% 0.1637 284.22) 74.4%, oklch(49.65% 0.1687 289.88) 76.9%, oklch(49.32% 0.1736 295.53) 79.5%, oklch(48.98% 0.1785 301.08) 82.1%, oklch(48.63% 0.1831 306.45) 84.6%, oklch(48.30% 0.1875 311.56) 87.2%, oklch(47.99% 0.1917 316.31) 89.7%, oklch(47.72% 0.1954 320.64) 92.3%, oklch(47.50% 0.1988 324.46) 94.9%, oklch(47.33% 0.2016 327.67) 97.4%, oklch(47.24% 0.2039 330.21) 100.0%);

Dans ces collections

Dégradés synthwave

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