#9EFBD3
#57E9F2
#45D4FB
Linear CSS gradient
#170 Light Blue Gradient
Light Blue combines powder blue (#9EFBD3), teal (#57E9F2), and cyan (#45D4FB) in a bold 3 colour stops linear CSS gradient.
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
#9EFBD3rgb(158, 251, 211)
#57E9F2rgb(87, 233, 242)
#45D4FBrgb(69, 212, 251)
CSS code
background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);