Cool blue, green and teal linear gradient

Linear gradient, 7 colors at 90°: #9589b9, #759dc7, #5fb4ae, #6fb28d, #389992, #366996, #4e4279. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#9589b9
#759dc7
#5fb4ae
#6fb28d
#389992
#366996
#4e4279

CSS

background: linear-gradient(90deg in oklch, oklch(65.75% 0.0717 296.02) 0.0%, oklch(68.34% 0.0765 250.38) 16.7%, oklch(71.51% 0.0831 189.48) 33.3%, oklch(70.87% 0.0882 158.64) 50.0%, oklch(62.61% 0.0902 187.91) 66.7%, oklch(50.55% 0.0907 247.25) 83.3%, oklch(41.73% 0.0909 291.79) 100.0%);

In these collections

Cape daisy sea breeze