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

Dégradé linéaire, 32 couleurs à 90° : #251039, #3e2c59, #6b6893, #9eabc7, #d4f1ef. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #251039
• #27123c
• #29143e
• #2c1742
• #2f1a45
• #321e4a
• #36224e
• #3a2654
• #3e2c59
• #43315f
• #483866
• #4d3f6d
• #534774
• #594e7c
• #5f5784
• #655f8c
• #6b6893
• #72719b
• #797aa3
• #8184aa
• #888eb2
• #9098b9
• #97a2c0
• #9eabc7
• #a4b5ce
• #aabfd5
• #b1cadb
• #b8d4e1
• #bfdde5
• #c7e6e9
• #ceecec
• #d4f1ef

CSS

background: linear-gradient(90deg in oklch, oklch(22.83% 0.0785 304.45) 0.0%, oklch(23.59% 0.0787 304.27) 3.2%, oklch(24.53% 0.0791 304.10) 6.5%, oklch(25.64% 0.0795 303.89) 9.7%, oklch(26.92% 0.0800 303.62) 12.9%, oklch(28.35% 0.0803 303.24) 16.1%, oklch(29.94% 0.0804 302.70) 19.4%, oklch(31.68% 0.0803 301.98) 22.6%, oklch(33.55% 0.0798 301.02) 25.8%, oklch(35.63% 0.0790 299.92) 29.0%, oklch(37.92% 0.0781 298.68) 32.3%, oklch(40.36% 0.0769 297.28) 35.5%, oklch(42.93% 0.0756 295.72) 38.7%, oklch(45.59% 0.0740 293.97) 41.9%, oklch(48.29% 0.0722 292.00) 45.2%, oklch(51.01% 0.0701 289.80) 48.4%, oklch(53.73% 0.0676 287.42) 51.6%, oklch(56.56% 0.0646 285.21) 54.8%, oklch(59.49% 0.0611 283.04) 58.1%, oklch(62.48% 0.0573 280.67) 61.3%, oklch(65.48% 0.0535 277.88) 64.5%, oklch(68.45% 0.0498 274.46) 67.7%, oklch(71.35% 0.0463 270.17) 71.0%, oklch(74.13% 0.0434 264.78) 74.2%, oklch(76.85% 0.0409 257.75) 77.4%, oklch(79.68% 0.0387 248.55) 80.6%, oklch(82.54% 0.0368 237.92) 83.9%, oklch(85.32% 0.0351 226.62) 87.1%, oklch(87.92% 0.0336 215.43) 90.3%, oklch(90.25% 0.0323 205.14) 93.5%, oklch(92.21% 0.0312 196.51) 96.8%, oklch(93.70% 0.0303 190.32) 100.0%);

Dans ces collections

Dégradés vintage

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