Vivid navy, teal and blue linear gradient

Linear gradient, 7 colors at 90°: #0d1649, #122a53, #1b5b65, #28907e, #3db29a, #65b0ba, #8c8dd8. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#0d1649
#122a53
#1b5b65
#28907e
#3db29a
#65b0ba
#8c8dd8

CSS

background: linear-gradient(90deg in oklch, oklch(23.23% 0.0951 269.30) 0.0%, oklch(29.13% 0.0799 259.79) 16.7%, oklch(43.70% 0.0648 210.12) 33.3%, oklch(59.06% 0.0965 178.42) 50.0%, oklch(69.29% 0.1102 176.30) 66.7%, oklch(71.26% 0.0758 206.95) 83.3%, oklch(67.32% 0.1089 281.98) 100.0%);

In these collections

Cool swatches