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

Dégradé linéaire, 32 couleurs à 135° : #101a3d, #2f3767, #63548a, #986c99, #d294a8. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #101a3d
• #121d40
• #152045
• #18244a
• #1c2851
• #202c57
• #25305d
• #293462
• #2f3767
• #343b6d
• #3a3f72
• #414377
• #47477c
• #4e4a80
• #554e83
• #5c5187
• #63548a
• #6a578c
• #715b8f
• #795e92
• #816294
• #886596
• #906998
• #986c99
• #a0709b
• #a7749d
• #af7a9f
• #b87fa1
• #c085a3
• #c78ba5
• #cd90a7
• #d294a8

CSS

background: linear-gradient(135deg in oklch, oklch(23.23% 0.0675 267.89) 0.0%, oklch(24.21% 0.0691 268.12) 3.2%, oklch(25.55% 0.0712 268.34) 6.5%, oklch(27.14% 0.0738 268.65) 9.7%, oklch(28.88% 0.0765 269.10) 12.9%, oklch(30.66% 0.0789 269.80) 16.1%, oklch(32.36% 0.0810 270.81) 19.4%, oklch(33.97% 0.0825 272.16) 22.6%, oklch(35.61% 0.0838 273.76) 25.8%, oklch(37.29% 0.0848 275.61) 29.0%, oklch(38.97% 0.0857 277.70) 32.3%, oklch(40.64% 0.0863 280.05) 35.5%, oklch(42.27% 0.0867 282.64) 38.7%, oklch(43.86% 0.0869 285.49) 41.9%, oklch(45.40% 0.0866 288.66) 45.2%, oklch(46.91% 0.0861 292.11) 48.4%, oklch(48.41% 0.0854 295.77) 51.6%, oklch(49.92% 0.0848 299.60) 54.8%, oklch(51.44% 0.0842 303.54) 58.1%, oklch(52.98% 0.0840 307.56) 61.3%, oklch(54.53% 0.0840 311.84) 64.5%, oklch(56.09% 0.0841 316.33) 67.7%, oklch(57.66% 0.0843 320.92) 71.0%, oklch(59.25% 0.0844 325.51) 74.2%, oklch(60.87% 0.0843 329.98) 77.4%, oklch(62.55% 0.0840 334.25) 80.6%, oklch(64.43% 0.0833 338.68) 83.9%, oklch(66.48% 0.0823 343.25) 87.1%, oklch(68.53% 0.0812 347.71) 90.3%, oklch(70.45% 0.0801 351.78) 93.5%, oklch(72.06% 0.0792 355.21) 96.8%, oklch(73.23% 0.0785 357.71) 100.0%);

Dans ces collections

Dégradés rose et bleu

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