Advertise on WebGradients — reach designers & frontend developers.Learn more
#BDBBBE
#9D9EA3

Radial CSS gradient

#071 Above Clouds Gradient

Above Clouds combines light gray (#BDBBBE) and light gray (#9D9EA3) in a muted two colour stops radial CSS gradient.

The muted palette acts as a neutral stage — sophisticated enough on its own, but always cooperative with overlaid elements.

Works well for editorial and publishing sites, minimal portfolios, subtle page dividers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#BDBBBErgb(189, 187, 190)
#9D9EA3rgb(157, 158, 163)

CSS code

background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
 background-blend-mode: normal, lighten, soft-light;

#071 Above Clouds Gradient preview