Advertise on WebGradients — reach designers & frontend developers.Learn more
#0C3483
#A2B6DF
#6B8CCE

Linear CSS gradient

#077 Cold Evening Gradient

Cold Evening runs flowing upward from bottom to top, blending navy (#0C3483), lavender (#A2B6DF), and sky blue (#6B8CCE) in a smooth 3 colour stops linear CSS gradient.

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
#0C3483rgb(12, 52, 131)
#A2B6DFrgb(162, 182, 223)
#6B8CCErgb(107, 140, 206)

CSS code

background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);

#077 Cold Evening Gradient preview