Navy, purple and blue linear gradient

Linear gradient, 7 colors at 90°: #100b35, #351f97, #682ae0, #8d36ed, #556df9, #00a7e1, #22d8db. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #100b35
• #351f97
• #682ae0
• #8d36ed
• #556df9
• #00a7e1
• #22d8db

CSS

background: linear-gradient(90deg in oklch, oklch(18.90% 0.0785 281.25) 0.0%, oklch(36.09% 0.1804 280.74) 16.7%, oklch(49.39% 0.2472 289.12) 33.3%, oklch(55.51% 0.2522 299.21) 50.0%, oklch(59.59% 0.2084 271.27) 66.7%, oklch(68.37% 0.1407 232.69) 83.3%, oklch(80.31% 0.1323 196.71) 100.0%);

In these collections

Sequined feather costumeBlue and purple gradientsAurora gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works