Analogous navy, blue, purple and pink linear gradient

Linear gradient, 7 colors at 90°: #000e27, #00285e, #0d35ca, #5d41f6, #9d4cff, #d052ef, #ef58d7. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#000e27
#00285e
#0d35ca
#5d41f6
#9d4cff
#d052ef
#ef58d7

CSS

background: linear-gradient(90deg in oklch, oklch(16.96% 0.0575 255.81) 0.0%, oklch(28.80% 0.1063 257.92) 16.7%, oklch(42.91% 0.2301 264.75) 33.3%, oklch(53.03% 0.2516 280.60) 50.0%, oklch(61.02% 0.2494 299.62) 66.7%, oklch(66.68% 0.2410 319.23) 83.3%, oklch(70.08% 0.2301 334.49) 100.0%);

In these collections

Cyber Monday gradients