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

Linear CSS gradient

#007 Sunny Morning Gradient

A bold linear CSS gradient angled at 120° toward the lower right, Sunny Morning blends amber (#F6D365) and blush pink (#FDA085) in two colour stops.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#F6D365rgb(246, 211, 101)
#FDA085rgb(253, 160, 133)

CSS code

background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);

#007 Sunny Morning Gradient preview