Tritone purple, blue and light blue linear gradient

Linear gradient, 7 colors at 90°: #b56c8f, #b1638b, #ab578a, #a15ea3, #828cd1, #82c1ce, #b8d8c9. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#b56c8f
#b1638b
#ab578a
#a15ea3
#828cd1
#82c1ce
#b8d8c9

CSS

background: linear-gradient(90deg in oklch, oklch(62.20% 0.1020 350.16) 0.0%, oklch(60.03% 0.1125 348.86) 16.7%, oklch(57.42% 0.1259 344.87) 33.3%, oklch(58.27% 0.1268 325.85) 50.0%, oklch(66.03% 0.1029 276.77) 66.7%, oklch(77.24% 0.0666 212.66) 83.3%, oklch(85.43% 0.0400 166.28) 100.0%);

In these collections

Cape daisy sea breeze