Gradient Generator
Build beautiful gradients visually. Copy as CSS or paste the AI prompt into your coding tool.
Type
Angle 135°
Color Stops
#5046E50%#EC4899100%Presets
Preview
CSS
background: linear-gradient(135deg, #5046E5 0%, #EC4899 100%);
AI Prompt
Add a linear gradient background going from #5046E5 to #EC4899 at a 135-degree angle.
Tip: Copy the AI prompt and paste it into Cursor, Bolt, or Lovable. For more control, copy the CSS directly.