Blue, navy, purple and orange linear gradient

Linear gradient, 7 colors at 90°: #596c87, #234063, #2a2e57, #5f415f, #b16055, #dd933a, #f4b653. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#596c87
#234063
#2a2e57
#5f415f
#b16055
#dd933a
#f4b653

CSS

background: linear-gradient(90deg in oklch, oklch(52.76% 0.0482 256.64) 0.0%, oklch(36.70% 0.0708 254.76) 16.7%, oklch(31.89% 0.0734 277.35) 33.3%, oklch(42.13% 0.0620 326.39) 50.0%, oklch(57.99% 0.1074 28.89) 66.7%, oklch(72.16% 0.1351 67.17) 83.3%, oklch(81.50% 0.1350 76.29) 100.0%);

In these collections

Navy and gold swatches Luxury swatches