Vivid analogous blue to purple linear gradient

Linear gradient, 7 colors at 90°: #0074c9, #0070dd, #2567f9, #4961fc, #5f5af8, #7053f0, #7a4ee8. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

• #0074c9
• #0070dd
• #2567f9
• #4961fc
• #5f5af8
• #7053f0
• #7a4ee8

CSS

background: linear-gradient(90deg in oklch, oklch(55.12% 0.1574 250.33) 0.0%, oklch(55.75% 0.1871 255.53) 16.7%, oklch(56.59% 0.2280 262.95) 33.3%, oklch(57.09% 0.2301 270.39) 50.0%, oklch(56.88% 0.2280 277.83) 66.7%, oklch(56.33% 0.2237 285.26) 83.3%, oklch(55.91% 0.2205 290.47) 100.0%);

In these collections

Indigo gradientsHero section gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works