Duotone purple to navy linear gradient

Linear gradient, 7 colors at 90°: #795e6e, #6a617c, #515f83, #355585, #17457e, #003370, #00245e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#795e6e
#6a617c
#515f83
#355585
#17457e
#003370
#00245e

CSS

background: linear-gradient(90deg in oklch, oklch(51.57% 0.0413 343.83) 0.0%, oklch(51.15% 0.0432 299.21) 16.7%, oklch(48.99% 0.0596 267.59) 33.3%, oklch(44.88% 0.0882 258.23) 50.0%, oklch(39.20% 0.1088 255.77) 66.7%, oklch(33.14% 0.1175 256.98) 83.3%, oklch(27.96% 0.1106 259.41) 100.0%);

In these collections

Navy