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

Dégradé linéaire, 32 couleurs à 135° : #21104a, #4c1984, #9c25a8, #eb3e8c, #ff8e59. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #21104a
• #24114f
• #271254
• #2c135b
• #311563
• #37166b
• #3d1773
• #44187c
• #4c1984
• #541a8c
• #5c1c92
• #651d97
• #6f1f9c
• #7920a1
• #8422a4
• #9024a7
• #9c25a8
• #a827a8
• #b429a7
• #c02ca5
• #cb2fa1
• #d6339c
• #e03895
• #eb3e8c
• #f44681
• #fb5076
• #ff5c6c
• #ff6b65
• #ff7760
• #ff815d
• #ff885b
• #ff8e59

CSS

background: linear-gradient(135deg in oklch, oklch(24.02% 0.1006 289.69) 0.0%, oklch(24.93% 0.1053 290.43) 3.2%, oklch(26.07% 0.1116 291.24) 6.5%, oklch(27.42% 0.1191 292.14) 9.7%, oklch(28.93% 0.1276 293.17) 12.9%, oklch(30.57% 0.1365 294.36) 16.1%, oklch(32.31% 0.1457 295.73) 19.4%, oklch(34.12% 0.1549 297.31) 22.6%, oklch(35.95% 0.1636 299.13) 25.8%, oklch(37.78% 0.1716 301.22) 29.0%, oklch(39.58% 0.1785 303.61) 32.3%, oklch(41.33% 0.1844 306.32) 35.5%, oklch(43.17% 0.1901 309.30) 38.7%, oklch(45.07% 0.1956 312.55) 41.9%, oklch(47.02% 0.2009 316.04) 45.2%, oklch(49.01% 0.2057 319.77) 48.4%, oklch(50.99% 0.2101 323.72) 51.6%, oklch(52.98% 0.2138 327.88) 54.8%, oklch(54.93% 0.2168 332.22) 58.1%, oklch(56.83% 0.2190 336.75) 61.3%, oklch(58.67% 0.2202 341.43) 64.5%, oklch(60.42% 0.2204 346.31) 67.7%, oklch(62.22% 0.2189 351.86) 71.0%, oklch(64.05% 0.2161 358.07) 74.2%, oklch(65.88% 0.2121 4.71) 77.4%, oklch(67.69% 0.2073 11.55) 80.6%, oklch(69.43% 0.1971 18.40) 83.9%, oklch(71.07% 0.1819 25.01) 87.1%, oklch(72.58% 0.1705 31.19) 90.3%, oklch(73.93% 0.1623 36.70) 93.5%, oklch(75.07% 0.1564 41.34) 96.8%, oklch(75.98% 0.1524 44.88) 100.0%);

Dans ces collections

Dégradés orange et violet

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