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

Linear CSS gradient

#144 Royal Garden Gradient

Royal Garden is a vivid linear CSS gradient sweeping from left to right, built from hot pink (#ED6EA0) and vermillion (#EC8C69) across two colour stops.

Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.

Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#ED6EA0rgb(237, 110, 160)
#EC8C69rgb(236, 140, 105)

CSS code

background-image: linear-gradient(to right, #ed6ea0 0%, #ec8c69 100%);

#144 Royal Garden Gradient preview