Advertise on WebGradients — reach designers & frontend developers.Learn more
#6A11CB
#2575FC

Linear CSS gradient

#039 Deep Blue Gradient

Deep Blue is a vivid linear CSS gradient sweeping from left to right, built from periwinkle (#6A11CB) and sky blue (#2575FC) across two colour stops.

The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.

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
#6A11CBrgb(106, 17, 203)
#2575FCrgb(37, 117, 252)

CSS code

background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);

#039 Deep Blue Gradient preview