Vivid analogous blue to purple linear gradient

Linear gradient, 7 colors at 90°: #0084b7, #007ec0, #0071d4, #2859e3, #4b4ad7, #6b48d5, #834cd4. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#0084b7
#007ec0
#0071d4
#2859e3
#4b4ad7
#6b48d5
#834cd4

CSS

background: linear-gradient(90deg in oklch, oklch(57.88% 0.1225 234.86) 0.0%, oklch(56.82% 0.1374 242.98) 16.7%, oklch(55.12% 0.1748 253.88) 33.3%, oklch(52.07% 0.2169 264.76) 50.0%, oklch(50.00% 0.2094 276.06) 66.7%, oklch(52.24% 0.2039 288.54) 83.3%, oklch(55.12% 0.1998 298.25) 100.0%);

In these collections

Blue and purple gradients