Do you want a faster way to navigate the web? Then check out SiteLauncher for Chrome. It's free and awesome.

Online CSS3 Gradient Maker

Online Color Scheme Generator and Picker

This online tool allows you to create gradients and get the corresponding CSS/CSS3 code. The generated CSS should work with all major modern browsers; including Internet Explorer (IE6-IE9 fallback to basic linear gradients and IE10+ has full support), Chrome (4+), Firefox (3.6+), Safari (4+) and Opera (11.10+).

  1. Make CSS code for all modern browsers
  2. Make SCSS & LESS framework code
  3. Add color and opacity stop points
  4. Adds comments for reference
  5. Photoshop style interface
  6. Radial & linear gradients
Color Picker


Hint: you can resize the preview box by dragging the bottom and right borders

CSS Code

Most Popular Articles

Receive a free copy of DoneSmart's exclusive ebook, 90+ Growth Hacks to Supercharge your Startup when you sign up for our newsletter

The newsletter has a very low frequency of emails but when we do send an email out you can be sure it will be packed full of exclusive superhuman knowledge articles on wealth creation, programming, web development, marketing, search engine optimization, productivity enhancement and many other integral disciplines. You'll also receive exclusive free software from DoneSmart designed to help you work smarter and generate more income.

Close popup