Background Gradient Picker (Linear/Radial) With CSS Code

If you are looking to generate some beautiful Linear or Radial Gradient Background, you are the right place. The tool below will help you generate cool gradients. It’s not just a simple color picker. Scroll down for more information.

Click on View in Full Screen button to use Gradient Generator properly if you face any trouble.

View in Fullscreen Mode

What can you generate with this Gradient Generator

• Simple background gradient to use on your webpage or anywhere you click.
• Once click CSS code can be copied clicking on the Copy button.
• The page shows Linear Gradient by default. You can adjust the angle of the Gradient by moving the small circle on the left side to any degree you like.
• You can switch to Radial Gradient by clicking on the small box icon (double box) icon that is located on top on the angle circle. Once switched, you can further choose to select Ellipse or Circle Gradients.
• Click on More button to get many more Gradient presets.
• Click on Reset button to reset the window.
• You can also adjust the Transparence.