Advertise on WebGradients — reach designers & frontend developers.Learn more
#4481EB
#04BEFE

Linear CSS gradient

#106 Party Bliss Gradient

A bold linear CSS gradient flowing upward from bottom to top, Party Bliss blends sky blue (#4481EB) and cyan (#04BEFE) in two colour stops.

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
#4481EBrgb(68, 129, 235)
#04BEFErgb(4, 190, 254)

CSS code

background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);

#106 Party Bliss Gradient preview