Blue to Purple Gradient

Popular blue-to-purple diagonal gradient

Gradient

Live preview

Preview

CSS

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

Browser support

All modern browsers. IE10+ for linear-gradient.

Related tools

CSS Gradient Generator Box Shadow Generator CSS Property Explorer

Other CSS examples

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