Magenta, violet et bleu marine en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #a21f61, #7a215f, #4b235c, #222857, #083159. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #a21f61
• #9f2061
• #9b2061
• #962061
• #912060
• #8b2060
• #85205f
• #80215f
• #7a215f
• #74215f
• #6e215f
• #68225e
• #62225e
• #5c225d
• #56225d
• #51235c
• #4b235c
• #45245c
• #3f245c
• #38255b
• #32265b
• #2c275a
• #272758
• #222857
• #1e2957
• #1a2a56
• #172b57
• #142d57
• #112e58
• #0e2f59
• #0b3059
• #083159

CSS

background: linear-gradient(135deg in oklch, oklch(48.03% 0.1736 355.78) 0.0%, oklch(47.50% 0.1711 354.87) 3.2%, oklch(46.79% 0.1678 353.75) 6.5%, oklch(45.95% 0.1638 352.43) 9.7%, oklch(45.01% 0.1594 350.89) 12.9%, oklch(44.01% 0.1548 349.13) 16.1%, oklch(43.01% 0.1500 347.14) 19.4%, oklch(42.03% 0.1453 344.92) 22.6%, oklch(41.11% 0.1408 342.46) 25.8%, oklch(40.19% 0.1362 339.80) 29.0%, oklch(39.23% 0.1314 336.94) 32.3%, oklch(38.25% 0.1265 333.86) 35.5%, oklch(37.29% 0.1216 330.53) 38.7%, oklch(36.35% 0.1168 326.94) 41.9%, oklch(35.46% 0.1122 323.07) 45.2%, oklch(34.63% 0.1080 318.89) 48.4%, oklch(33.88% 0.1042 314.32) 51.6%, oklch(33.16% 0.1006 309.02) 54.8%, oklch(32.46% 0.0972 303.17) 58.1%, oklch(31.80% 0.0940 297.02) 61.3%, oklch(31.21% 0.0910 290.82) 64.5%, oklch(30.69% 0.0884 284.82) 67.7%, oklch(30.28% 0.0862 279.27) 71.0%, oklch(29.98% 0.0844 274.43) 74.2%, oklch(29.82% 0.0832 270.34) 77.4%, oklch(29.84% 0.0826 266.66) 80.6%, oklch(29.98% 0.0824 263.36) 83.9%, oklch(30.21% 0.0826 260.42) 87.1%, oklch(30.48% 0.0830 257.85) 90.3%, oklch(30.75% 0.0835 255.62) 93.5%, oklch(30.97% 0.0839 253.75) 96.8%, oklch(31.10% 0.0841 252.22) 100.0%);

Dans ces collections

Dégradés rose et bleu

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