Advertise on WebGradients — reach designers & frontend developers.Learn more
#6A85B6
#BAC8E0

Linear CSS gradient

#057 Dirty Beauty Gradient

Dirty Beauty is a smooth linear CSS gradient flowing upward from bottom to top, built from sky blue (#6A85B6) and lavender (#BAC8E0) across two colour stops.

The blue-leaning balance conveys dependability — a palette that earns trust before the headline is even read.

Works well for SaaS marketing pages, corporate intranets, productivity tools. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#6A85B6rgb(106, 133, 182)
#BAC8E0rgb(186, 200, 224)

CSS code

background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%);

#057 Dirty Beauty Gradient preview