Hero

Light Blue Hero

A polished light blue hero background for landing-page and product hero sections.

Background previewLight Blue Hero

CSS

background: radial-gradient(circle at 86% 18%, rgba(22,134,237,.16), transparent 29%), radial-gradient(circle at 12% 82%, rgba(6,71,184,.11), transparent 26%), linear-gradient(135deg, #f8fbff 0%, #f8fbff 58%, #f8fbff 100%);

Colors

#f8fbff

rgba(22,134,237,.16)

rgba(6,71,184,.11)

Related backgrounds

More in Hero

View category →

HeroDark Business Hero

HeroGreen Business Hero

HeroPurple Technology Hero