Bleu, bleu clair, rose et rouge aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #146386, #2fb0eb, #8cabf4, #f3608a, #e51e51. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #146386
• #156a8e
• #15739a
• #147ea8
• #148ab8
• #1596c7
• #1aa1d6
• #23aae2
• #2fb0eb
• #3db4f1
• #4bb6f3
• #58b7f3
• #63b7f2
• #6eb5f1
• #77b3f1
• #81b0f1
• #8cabf4
• #9aa4f5
• #ad9af2
• #c18de8
• #d380d6
• #e374be
• #ed69a3
• #f3608a
• #f45977
• #f45269
• #f24a5f
• #ef4159
• #ec3856
• #e92f55
• #e62654
• #e51e51

CSS

background: linear-gradient(90deg in oklch, oklch(47.24% 0.0909 233.44) 0.0%, oklch(49.32% 0.0951 233.24) 3.2%, oklch(52.24% 0.1013 232.76) 6.5%, oklch(55.73% 0.1086 232.18) 9.7%, oklch(59.51% 0.1164 231.67) 12.9%, oklch(63.27% 0.1238 231.41) 16.1%, oklch(66.75% 0.1302 231.58) 19.4%, oklch(69.64% 0.1347 232.35) 22.6%, oklch(71.69% 0.1366 233.87) 25.8%, oklch(73.10% 0.1350 235.45) 29.0%, oklch(74.08% 0.1307 237.04) 32.3%, oklch(74.70% 0.1247 238.97) 35.5%, oklch(75.02% 0.1184 241.59) 38.7%, oklch(75.11% 0.1127 245.22) 41.9%, oklch(75.05% 0.1088 250.19) 45.2%, oklch(74.89% 0.1079 256.85) 48.4%, oklch(74.68% 0.1109 265.75) 51.6%, oklch(74.25% 0.1176 278.08) 54.8%, oklch(73.60% 0.1269 292.98) 58.1%, oklch(72.78% 0.1381 309.29) 61.3%, oklch(71.84% 0.1501 325.86) 64.5%, oklch(70.83% 0.1622 341.55) 67.7%, oklch(69.78% 0.1733 355.20) 71.0%, oklch(68.75% 0.1827 5.66) 74.2%, oklch(67.70% 0.1901 12.31) 77.4%, oklch(66.47% 0.1969 16.18) 80.6%, oklch(65.13% 0.2031 17.91) 83.9%, oklch(63.75% 0.2087 18.07) 87.1%, oklch(62.42% 0.2137 17.28) 90.3%, oklch(61.21% 0.2180 16.11) 93.5%, oklch(60.19% 0.2217 15.17) 96.8%, oklch(59.45% 0.2246 15.04) 100.0%);

Dans ces collections

Dégradés rose et bleu

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