0° 90° 180° 270° 360°
CSS Output
CSS gradient generator helps you create beautiful CSS gradients for modern web designs. This free online tool is ideal for developers and designers who want to generate linear or radial gradients and get ready-to-use CSS code instantly. Customize colors, directions, and stops, and the generator will update the gradient in real time.
Switch between linear gradients (with custom angles) and radial gradients.
Add as many color stops as you need and adjust their positions precisely.
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);The generated CSS uses standard syntax supported by all modern browsers (Chrome, Firefox, Safari, Edge).
Need to convert colors? Use our Color Converter.
Working with CSS? Check out our CSS Formatter.