Advertise on WebGradients — reach designers & frontend developers.Learn more
#22E1FF
#1D8FE1
#625EB1

Linear CSS gradient

#159 Crystal River Gradient

Crystal River is a vivid linear CSS gradient built from teal (#22E1FF), cyan (#1D8FE1), and cornflower blue (#625EB1) across 3 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
#22E1FFrgb(34, 225, 255)
#1D8FE1rgb(29, 143, 225)
#625EB1rgb(98, 94, 177)

CSS code

background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);

#159 Crystal River Gradient preview