Muted analogous purple to navy linear gradient

Muted analogous purple to navy palette with 7 colors. #514f6e, #413d57, #2f2b42, #1f2035, #1a2034, #202b3e, #2d3b50. Edit and export CSS, SVG, PNG or a shader.

7 colors, 5 editable OKLCH keyframes.

#514f6e
#413d57
#2f2b42
#1f2035
#1a2034
#202b3e
#2d3b50

CSS

background: linear-gradient(90deg in oklch, oklch(44.09% 0.0510 287.58) 0.0%, oklch(37.53% 0.0454 292.08) 16.7%, oklch(30.50% 0.0413 290.79) 33.3%, oklch(25.20% 0.0400 282.29) 50.0%, oklch(24.76% 0.0387 269.73) 66.7%, oklch(28.73% 0.0393 261.12) 83.3%, oklch(35.04% 0.0413 257.99) 100.0%);

In these collections

Dark mode UI gradients