Advertise on WebGradients — reach designers & frontend developers.Learn more
#1E3C72
#2A5298

Linear CSS gradient

#123 Night Sky Gradient

Night Sky is a smooth linear CSS gradient flowing upward from bottom to top, built from navy (#1E3C72) and navy (#2A5298) across two colour stops.

The dark, blue-leaning palette communicates professionalism and depth — a natural fit for tools people rely on.

Works well for premium SaaS dashboards, fintech apps, developer tool landing pages. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#1E3C72rgb(30, 60, 114)
#2A5298rgb(42, 82, 152)

CSS code

background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);

#123 Night Sky Gradient preview