Monochrome blue linear gradient

Monochrome blue palette with 32 colors. #355c7b, #3e6685, #4e7894, #5b849f, #6c93aa, #6d93aa, #5b819c, #4f7492. Edit and export CSS, SVG, PNG or a shader.

32 colors, 4 editable OKLCH keyframes.

#355c7b
#375e7d
#39607f
#3b6382
#3e6685
#416a88
#456d8b
#48718e
#4b7591
#4e7894
#517b97
#547e9a
#58819c
#5b849f
#5f88a1
#638ba4
#668ea6
#6991a8
#6c93aa
#6e94ab
#6f95ab
#6f95ab
#6d93aa
#6b91a8
#678da6
#6489a3
#5f859f
#5b819c
#577d99
#547996
#517694
#4f7492

CSS

background: linear-gradient(90deg in oklch, oklch(46.06% 0.0675 243.98) 0.0%, oklch(46.68% 0.0673 243.68) 3.2%, oklch(47.49% 0.0671 243.28) 6.5%, oklch(48.44% 0.0668 242.81) 9.7%, oklch(49.51% 0.0665 242.27) 12.9%, oklch(50.66% 0.0661 241.70) 16.1%, oklch(51.86% 0.0657 241.11) 19.4%, oklch(53.06% 0.0653 240.51) 22.6%, oklch(54.24% 0.0648 239.93) 25.8%, oklch(55.36% 0.0642 239.37) 29.0%, oklch(56.38% 0.0636 238.86) 32.3%, oklch(57.33% 0.0629 238.37) 35.5%, oklch(58.37% 0.0619 237.81) 38.7%, oklch(59.46% 0.0608 237.20) 41.9%, oklch(60.57% 0.0596 236.56) 45.2%, oklch(61.64% 0.0583 235.95) 48.4%, oklch(62.64% 0.0571 235.39) 51.6%, oklch(63.52% 0.0560 234.92) 54.8%, oklch(64.23% 0.0550 234.56) 58.1%, oklch(64.72% 0.0543 234.36) 61.3%, oklch(64.97% 0.0538 234.36) 64.5%, oklch(64.90% 0.0538 234.58) 67.7%, oklch(64.44% 0.0541 235.10) 71.0%, oklch(63.63% 0.0548 235.88) 74.2%, oklch(62.56% 0.0558 236.86) 77.4%, oklch(61.30% 0.0569 237.98) 80.6%, oklch(59.93% 0.0582 239.17) 83.9%, oklch(58.54% 0.0595 240.36) 87.1%, oklch(57.20% 0.0607 241.51) 90.3%, oklch(56.00% 0.0618 242.53) 93.5%, oklch(55.02% 0.0628 243.38) 96.8%, oklch(54.33% 0.0634 243.98) 100.0%);

In these collections

Blue gradients Muted gradients Desktop wallpaper gradients