Analogous black, blue and purple linear gradient

Linear gradient, 7 colors at 90°: #020202, #021720, #003748, #074b65, #2d5878, #585f89, #77648a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

• #020202
• #021720
• #003748
• #074b65
• #2d5878
• #585f89
• #77648a

CSS

background: linear-gradient(90deg in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(19.27% 0.0335 226.86) 16.7%, oklch(31.50% 0.0599 225.43) 33.3%, oklch(38.85% 0.0744 230.03) 50.0%, oklch(44.49% 0.0717 243.31) 66.7%, oklch(49.83% 0.0671 276.13) 83.3%, oklch(53.54% 0.0620 306.71) 100.0%);

In these collections

Dark multicolor gradientsMoody gradientsDark muted gradientsMuted gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works