Advertise on WebGradients — reach designers & frontend developers.Learn more
#D558C8
#24D292

Linear CSS gradient

#087 Alchemist Lab Gradient

Alchemist Lab is a vivid linear CSS gradient built from fuchsia (#D558C8) and emerald (#24D292) across two colour stops.

The rich saturation ensures strong visual presence even at small sizes — useful for icons, badges, and accent strips.

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
#D558C8rgb(213, 88, 200)
#24D292rgb(36, 210, 146)

CSS code

background-image: linear-gradient(-20deg, #d558c8 0%, #24d292 100%);

#087 Alchemist Lab Gradient preview