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


Create and customize beautiful CSS3 gradients

CSS Gradient

Easily create gradient backgrounds


CSS Gradient library

UI Gradients

Beautiful color gradients for designers and developers