Duotone navy to peach linear gradient

Linear gradient, 7 colors at 90°: #0f0032, #090f3c, #142746, #35404b, #5f5b55, #a07355, #ea8d5e. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#0f0032
#090f3c
#142746
#35404b
#5f5b55
#a07355
#ea8d5e

CSS

background: linear-gradient(90deg in oklch, oklch(16.22% 0.0933 287.40) 0.0%, oklch(20.08% 0.0854 270.67) 16.7%, oklch(27.56% 0.0620 259.05) 33.3%, oklch(36.61% 0.0234 245.31) 50.0%, oklch(47.24% 0.0110 74.11) 66.7%, oklch(59.45% 0.0717 54.04) 83.3%, oklch(73.23% 0.1295 46.64) 100.0%);

In these collections

Blue and orange swatches