#3D3393
#2B76B9
#2CACD1
#35EB93
Linear CSS gradient
#142 Space Shift Gradient
A vivid linear CSS gradient angled at 60° toward the upper right, Space Shift blends indigo (#3D3393), cyan (#2B76B9), cyan (#2CACD1), and emerald (#35EB93) in 4 colour stops.
Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.
Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#3D3393rgb(61, 51, 147)
#2B76B9rgb(43, 118, 185)
#2CACD1rgb(44, 172, 209)
#35EB93rgb(53, 235, 147)
CSS code
background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);