Analogous navy to purple linear gradient

Linear gradient, 7 colors at 90°: #000535, #00174e, #053170, #19478c, #385da5, #6771b5, #8880ba. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#000535
#00174e
#053170
#19478c
#385da5
#6771b5
#8880ba

CSS

background: linear-gradient(90deg in oklch, oklch(16.14% 0.0937 264.38) 0.0%, oklch(23.41% 0.1057 261.66) 16.7%, oklch(32.68% 0.1185 259.09) 33.3%, oklch(40.90% 0.1251 258.63) 50.0%, oklch(48.82% 0.1240 262.26) 66.7%, oklch(56.91% 0.1058 276.20) 83.3%, oklch(62.99% 0.0868 289.74) 100.0%);

In these collections

Blue and purple swatches