If you open Dribbble or Behance right now, there is a strong chance you will see dozens of designs that use gradients. The gradients designers use are loud and full of color.

In this article, I want to share some tools to generate gradients for your designs.


Web Gradients

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website


Blend

Create and customize beautiful CSS3 gradients


CSS Gradient

Easily create gradient backgrounds


Grabient

CSS Gradient library


UI Gradients

Beautiful color gradients for designers and developers