Advertise on WebGradients — reach designers & frontend developers.Learn more
#00C6FB
#005BEA

Linear CSS gradient

#055 Sharp Blues Gradient

A vivid linear CSS gradient flowing upward from bottom to top, Sharp Blues blends cyan (#00C6FB) and sky blue (#005BEA) in 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
#00C6FBrgb(0, 198, 251)
#005BEArgb(0, 91, 234)

CSS code

background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);

#055 Sharp Blues Gradient preview