A handpicked collection of beautiful color gradients for designers and developers

Explore beautiful gradients for your projects or create your own gradient with the Gradient Maker.

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

Gradients are CSS elements of the image data type that show a transition between two or more colors. These transitions are shown as either linear or radial. Because they are of the image data type, gradients can be used anywhere an image might be. The most popular use for gradients would be in a background element.

Free tool to easily make and generate cross browser linear or radial css gradients. You can generate your custom css gradient in HEX or RGBA color format.

The free platform of 48 linear gradients curated by designers to use as content backgrounds in any piece of digital art.

The gradient you have always wanted. A curated collection of amazingly colored gradients for designers, developers and art makers over the world. now you can generate, explore, save, easy CSS crossbrowser gradient codes all in one place.

The "Color Gradients" section provides access to a vast collection of over 30,000 free CSS gradients, curated for a wide range of creative needs. These gradients can be used in editorial, educational, commercial, and personal projects.

Gradienty is home to thousands of colorful, two-stop linear gradients. Every gradient is created by you or a computer and posted every hour. Generate your own gradient or find the perfect gradient for your next creative design or art project.

WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website. Easy copy CSS3 crossbrowser code and use it in a moment! We've also prepared a .PNG version of each gradient.