Analogous blue, purple and black linear gradient

Analogous blue, purple and black color palette

Linear gradient, 7 colors at 90°: #4c6a93, #375896, #2a3897, #330b85, #33004a, #240019, #130004. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#4c6a93
#375896
#2a3897
#330b85
#33004a
#240019
#130004

CSS

background: linear-gradient(90deg in oklch, oklch(51.97% 0.0730 255.94) 0.0%, oklch(46.75% 0.1079 261.77) 16.7%, oklch(39.30% 0.1542 270.89) 33.3%, oklch(31.89% 0.1750 285.53) 50.0%, oklch(24.61% 0.1237 311.15) 66.7%, oklch(17.37% 0.0746 342.50) 83.3%, oklch(12.20% 0.0482 4.78) 100.0%);

In these collections

Dark gradients