Navy, purple and beige linear gradient

Linear gradient, 7 colors at 135°: #2d2a49, #5b4874, #9c6a98, #d98aa0, #f1a288, #f6c58c, #fce8af. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#2d2a49
#5b4874
#9c6a98
#d98aa0
#f1a288
#f6c58c
#fce8af

CSS

background: linear-gradient(135deg in oklch, oklch(30.31% 0.0565 286.88) 0.0%, oklch(44.07% 0.0737 303.51) 16.7%, oklch(59.19% 0.0895 329.30) 33.3%, oklch(72.05% 0.0992 1.90) 50.0%, oklch(78.26% 0.1016 38.97) 66.7%, oklch(85.39% 0.0923 70.12) 83.3%, oklch(93.31% 0.0758 90.67) 100.0%);

In these collections

Liminal Hours