Blue tonal bands

Linear swatches, 4 colors at 180°: #5388dd, #0b2d53, #cfebf1, #4ea6d9. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#5388dd
#0b2d53
#cfebf1
#4ea6d9

CSS

background: linear-gradient(180deg, oklch(62.99% 0.1406 259.45) 0.000% 25.000%, oklch(29.53% 0.0785 254.17) 25.000% 50.000%, oklch(92.13% 0.0303 214.01) 50.000% 75.000%, oklch(69.29% 0.1130 237.26) 75.000% 100.000%);

In these collections

Cool blue swatches