Advertise on WebGradients — reach designers & frontend developers.Learn more
#CC208E
#6713D2

Linear CSS gradient

#128 Plum Bath Gradient

Plum Bath runs flowing upward from bottom to top, blending fuchsia (#CC208E) and periwinkle (#6713D2) in a vivid two colour stops linear CSS gradient.

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
#CC208Ergb(204, 32, 142)
#6713D2rgb(103, 19, 210)

CSS code

background-image: linear-gradient(to top, #cc208e 0%, #6713d2 100%);

#128 Plum Bath Gradient preview