Gradient Generator

How to use

Quick steps to implement the generated background:

1. Click Copy CSS and paste it into your stylesheet.
2. Click Copy HTML and insert the block into your page.
3. Adjust background-size and position for your project.
4. Add your own content inside the .gradient-background container.

Tips:

• You can combine the gradient with a background image.
• Use Random gradient to quickly find inspiration.
• Color templates (Sunset, Ocean, etc.) will help you get started.