Ocean Gradient

Cool blue ocean-inspired gradient

Gradient

Live preview

Preview

CSS

background: linear-gradient(135deg, #667eea 0%, #00d2ff 100%);

Browser support

All modern browsers. IE10+.

Related tools

CSS Gradient Generator Box Shadow Generator CSS Property Explorer

Other CSS examples

Soft Box Shadow Elevated Box Shadow Neon Glow Shadow Blue to Purple Gradient Sunset Gradient Emerald Gradient Glassmorphism Neumorphism Text Gradient Smooth Scroll Truncate Text (Ellipsis)Center with Position Center with Flexbox Center with Grid