A free CSS gradient generator that helps you create stunning linear and radial gradients for your web projects. Customize colors, angles, and positions with an intuitive interface. Preview changes in real-time and copy the generated CSS code with a single click. Supports multiple color stops, gradient types, and direction controls.
Live Preview
background: linear-gradient(90deg, #6366f1 0%, #22d3ee 100%);