Pasteport

🌈 Color Gradient Engine

CSS Gradient & Mesh Generator

Visually build linear, radial, and conic CSS gradients with multiple color stops and export clean styles.

Presets:
linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%)
Export CSS Snippet
background: #3B82F6;
background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 50%, #EC4899 100%);
Angle / Direction:135°
0%
50%
100%