Advertise on WebGradients — reach designers & frontend developers.Learn more
#209CFF
#68E0CF

Linear CSS gradient

#120 Seashore Gradient

Seashore is a bold linear CSS gradient flowing upward from bottom to top, built from cyan (#209CFF) and teal (#68E0CF) across two colour stops.

The electric, high-saturation hues deliver instant visual impact and give any interface an energetic, forward-looking edge.

Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.

Color palette

ColorHEXRGB
#209CFFrgb(32, 156, 255)
#68E0CFrgb(104, 224, 207)

CSS code

background-image: linear-gradient(to top, #209cff 0%, #68e0cf 100%);

#120 Seashore Gradient preview