Gradient Generator
Pick two colors and create beautiful gradients. Copy CSS or share via URL.
#2196F3#E91E63
Direction
Code
CSS (Linear)
background: linear-gradient(135deg, #2196F3, #E91E63);
CSS (Horizontal)
background: linear-gradient(to right, #2196F3, #E91E63);
CSS (Radial)
background: radial-gradient(circle, #2196F3, #E91E63);
Tailwind CSS
bg-gradient-to-r from-[#2196F3] to-[#E91E63]