Advertise on WebGradients — reach designers & frontend developers.Learn more
#77FFD2
#6297DB
#1EECFF

Linear CSS gradient

#167 Sea Strike Gradient

Sea Strike combines powder blue (#77FFD2), sky blue (#6297DB), and teal (#1EECFF) in a bold 3 colour stops linear CSS gradient.

Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.

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
#77FFD2rgb(119, 255, 210)
#6297DBrgb(98, 151, 219)
#1EECFFrgb(30, 236, 255)

CSS code

background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);

#167 Sea Strike Gradient preview