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

Linear CSS gradient

#122 Cheerful Caramel Gradient

Cheerful Caramel runs flowing upward from bottom to top, blending orange (#E6B980) and peach (#EACDA3) in a soft two colour stops linear CSS gradient.

Delicate and inviting, the blush tones carry a sense of warmth without ever feeling overpowering.

Works well for wedding and event sites, beauty brand pages, lifestyle newsletter headers. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#E6B980rgb(230, 185, 128)
#EACDA3rgb(234, 205, 163)

CSS code

background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);

#122 Cheerful Caramel Gradient preview