Navy, peach, pink and purple linear gradient

Linear gradient, 7 colors at 90°: #232660, #6d4479, #c37b80, #e7aa88, #de9f88, #b97a83, #97627f. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#232660
#6d4479
#c37b80
#e7aa88
#de9f88
#b97a83
#97627f

CSS

background: linear-gradient(90deg in oklch, oklch(30.31% 0.1006 276.33) 0.0%, oklch(45.49% 0.0964 318.48) 16.7%, oklch(66.05% 0.0904 15.55) 33.3%, oklch(78.74% 0.0854 50.54) 50.0%, oklch(75.68% 0.0823 41.38) 66.7%, oklch(64.74% 0.0800 10.14) 83.3%, oklch(56.30% 0.0785 346.07) 100.0%);

In these collections

Sunrise swatches