Advertise on WebGradients — reach designers & frontend developers.Learn more
#00DBDE
#FC00FF

Linear CSS gradient

#136 North Miracle Gradient

A vivid linear CSS gradient sweeping from left to right, North Miracle blends teal (#00DBDE) and purple (#FC00FF) in 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
#00DBDErgb(0, 219, 222)
#FC00FFrgb(252, 0, 255)

CSS code

background-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);

#136 North Miracle Gradient preview