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

Linear CSS gradient

#146 Juicy Cake Gradient

Juicy Cake runs flowing upward from bottom to top, blending fuchsia (#E14FAD) and amber (#F9D423) in a bold two colour stops linear CSS gradient.

The electric, high-saturation hues deliver instant visual impact and give any interface an energetic, forward-looking edge.

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
#E14FADrgb(225, 79, 173)
#F9D423rgb(249, 212, 35)

CSS code

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

#146 Juicy Cake Gradient preview