Advertise on WebGradients — reach designers & frontend developers.Learn more
#E4E4E1

Radial CSS gradient

#141 Earl Gray Gradient

Earl Gray is a muted radial CSS gradient built from off-white (#E4E4E1) across one colour stop.

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
#E4E4E1rgb(228, 228, 225)

CSS code

background-color: #E4E4E1;
 background-image: radial-gradient(at top center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%), linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(143,152,157,0.60) 100%);
 	background-blend-mode: normal, multiply;

#141 Earl Gray Gradient preview