A cool color palette with handpicked gradients hue and swatches. It has 60 coolest CSS gradients that you can copy and personalize as per as your t...

A cool color palette with handpicked gradients hue and swatches. It has 60 coolest CSS gradients that you can copy and personalize as per as your taste. CoolHue gradients palette is rendered by JSON which makes it very easy to make a subtle update anytime, also available in .grd and .Sketch file formats. Created by Webkul on Github.

Great snippet to generate Gradient colors in CSS by Codepen user X, uses Smartsettings.js for setting things up and Chroma.js for handling the colo...

Great snippet to generate Gradient colors in CSS by Codepen user X, uses Smartsettings.js for setting things up and Chroma.js for handling the colors. You can generate a Gradient with up to 4 colors and copy the generated code for it that you can use on your projects.

Huge gallery of CSS gradient colors perfectly suited for backgrounds that you can copy and paste directly into your project. Simply search the libr...

Huge gallery of CSS gradient colors perfectly suited for backgrounds that you can copy and paste directly into your project. Simply search the library, pick a gradient of your liking, and copy the CSS to add it where necessary on your project. This gallery is made by Eggradients and so the gradients are served in form of egg shapes.

A nice code snippet with knobs that you can grab to modify the environment. For instance, you can use one knob to modify the saturation, another to...

A nice code snippet with knobs that you can grab to modify the environment. For instance, you can use one knob to modify the saturation, another to modify the hue, level and more. It is a cool experiment that can be used on a website to allow users to select colors for products and other areas.

This is a collection of beautiful gradients you can use for your projects. The site has the option to choose between the existing gradients, create...

This is a collection of beautiful gradients you can use for your projects. The site has the option to choose between the existing gradients, create your own, and copy the CSS code to use it.

A simple and yet creative code snippet created to change gradients with different random colors by pressing the space key on your keyboard. Wrote i...

A simple and yet creative code snippet created to change gradients with different random colors by pressing the space key on your keyboard. Wrote in pure CSS and JavaScript.

This is a Photoshop-like CSS gradient editor from ColorZilla. You'll need a recent version of Firefox, Chrome, Safari, Opera or IE to use this Grad...

This is a Photoshop-like CSS gradient editor from ColorZilla. You'll need a recent version of Firefox, Chrome, Safari, Opera or IE to use this Gradient Generator, the resulting CSS gradients are cross-browser.

A CSS built calendar for hand-held devices that features a nice color gradient throughout the days of the month, and also throughout the day events...

A CSS built calendar for hand-held devices that features a nice color gradient throughout the days of the month, and also throughout the day events as you click on a specific day.

A CSS gradient background generator that allows you simply play with the HUE and brightness individually in 4 different layers in order to create ...

A CSS gradient background generator that allows you simply play with the HUE and brightness individually in 4 different layers in order to create countless variations of backgrounds. It has been successfully tested in Firefox 16+ Safari 5.1+ Chrome 10+ Internet Explorer 10+ Opera 12.1+ iOS 5+ Android 4+ Blackberry 10+ and IE Mobile 10+.

shade is a really intuitive gradient generator made with CSS and JS. It enables you to add a base color, and then it creates a gradient based on th...

shade is a really intuitive gradient generator made with CSS and JS. It enables you to add a base color, and then it creates a gradient based on that color, you can modify the hue, saturation, lightness and the same properties of the gradient spread. After yo are done, you can grab the CSS code (a simple line). It was created by Brent Jackson.

EnjoyCSS is a feature-rich CSS code generator that helps you creating complex CSS styles without much effort. It is a WYSIWYG. With it you can gene...

EnjoyCSS is a feature-rich CSS code generator that helps you creating complex CSS styles without much effort. It is a WYSIWYG. With it you can generate drop shadows, border-radius, radial and linear gradients, hover states and more.

An online tool for generating gradients in CSS. It allows you to modify the gradient angle, scroll angle, add the colors, its browser compatibility...

An online tool for generating gradients in CSS. It allows you to modify the gradient angle, scroll angle, add the colors, its browser compatibility, and more to create a compelling gradient. You then can download the CSS and use it on your projects. It was created by Ian Forrest.

Rainbow.js is a fantastic alternative for creating gradients over elements, it is a jQuery library that works with your HTML document to apply cool...

Rainbow.js is a fantastic alternative for creating gradients over elements, it is a jQuery library that works with your HTML document to apply cool colors. It's also pretty simple to use, requiring just a few lines to work. This tool is like a gradient sharpie, it works with everything from images, web elements and even text.

A supremely simple tool that allows you to modify CSS designs with ease by changing the values given through the default CSS file. You don't even h...

A supremely simple tool that allows you to modify CSS designs with ease by changing the values given through the default CSS file. You don't even have to worry about making sure the corresponding values match, since that's done automagically for you. Once you're done, you can copy the code to your clipboard with a single click.

​A simple tool for the creation of gradients in CSS3 without the need of coding. Just change the color and gradient position through the visual int...

​A simple tool for the creation of gradients in CSS3 without the need of coding. Just change the color and gradient position through the visual interface and copy the resulting code to apply it in your project. Definitely simple and quick.

A CSS generator that will enable you to create the colors without writing the code, thanks to a simple interface. Some options are available to inc...

A CSS generator that will enable you to create the colors without writing the code, thanks to a simple interface. Some options are available to increase compatibility with all browsers, but they must be used at your own risk. Have a look at the options and create just the gradient you need.

​A simple tool for creating multi-colored gradients in CSS without writing any code. Click on the bar on he left to add a new gradient to your proj...

​A simple tool for creating multi-colored gradients in CSS without writing any code. Click on the bar on he left to add a new gradient to your project and select a new color from the wheel. The CSS is available for you to copy it right away. This little program makes use of JQuery and Farbtastic, and was written by Bart Kelsey.

​A tool for making pure-CSS gradients through a simple graphic user interface. Create both linear and radial gradients and manage aspects such as d...

​A tool for making pure-CSS gradients through a simple graphic user interface. Create both linear and radial gradients and manage aspects such as direction of the gradient, the number of colors in it and their locations. The addition of presets could make the process easier for you.

​This gradient generator was created by WestCiv and it features simple options, mostly visual, to deliver a compelling and quick, cross-browser gra...

​This gradient generator was created by WestCiv and it features simple options, mostly visual, to deliver a compelling and quick, cross-browser gradient in CSS. This tool is an experimental development, and it's likely the syntax will change before it is completed.

​The ColorHexa Gradient Generator allows you create any gradient between two colors. It's quite simple, you only have to enter the two colors you'd...

​The ColorHexa Gradient Generator allows you create any gradient between two colors. It's quite simple, you only have to enter the two colors you'd like to mix together and the tool will make all the necessary arrangements for you. ColorHexa will then display a RGB, HSV and Reverse HSV gradient.

​Brian Grinstead created this compelling online tool for making gradients quickly. It consists of an editor that lets the users choose the amount o...

​Brian Grinstead created this compelling online tool for making gradients quickly. It consists of an editor that lets the users choose the amount of colors, angles and even modify the transparencies. It is also possible to select from several predesigned gradients, which can make things a bit simpler.

​Here we have an ingenious online tool that lets you modify lots of options to make gradients different than usual. The first thing you see is the ...

​Here we have an ingenious online tool that lets you modify lots of options to make gradients different than usual. The first thing you see is the "presets" bar, where you can select different predefined styles. Then you can select the gradient properties (they are simple, advanced or expert), check the compatibility and get the code to add it to your project.

A very basic tool that provides three-color gradients and then gives you the resulting CSS code. You are able to choose exactly the colors you want...

A very basic tool that provides three-color gradients and then gives you the resulting CSS code. You are able to choose exactly the colors you want thanks to a color picker. In the end, the tool will show you three directions options for you to select (top to bottom, left to right and radial).

An easy tool for the creation of gradients, allowing you to change aspects such as size, colors, position and more. After you get the result you wa...

An easy tool for the creation of gradients, allowing you to change aspects such as size, colors, position and more. After you get the result you want, you can grab the HTML and CSS code to put on your webpage. Your website won't use pictures, just CSS, which makes it faster, but beware that not all browsers support CSS3 gradients.

Here's a neat tool from Microsoft, designed specifically to make gradient backgrounds with CSS, the best part is that you don't need to code at all...

Here's a neat tool from Microsoft, designed specifically to make gradient backgrounds with CSS, the best part is that you don't need to code at all. Just select the color and gradient direction through the graphic interface and you'll be good to go. The color quality and effects show a superior quality in them.

CSS3 Gradient Generator is a simple tool for making gradients. With it, you can modify the gradient's angle, RGB, start and end points. Also, the c...

CSS3 Gradient Generator is a simple tool for making gradients. With it, you can modify the gradient's angle, RGB, start and end points. Also, the creators explain how they managed to develop it, and they let you grab the code so you can easily implement it in your projects. It is supported in major browsers, with some exceptions in Firefox and Safari that we recommend you check out before implementation.

The Online CSS Gradient Generator provides a simple graphical user interface to generate cross browser CSS gradient code as well as Android gradien...

The Online CSS Gradient Generator provides a simple graphical user interface to generate cross browser CSS gradient code as well as Android gradient code. This generator produces linear or radial gradients that can be used in your web page design or any Android app, and it lets you choose from a big set of predefined gradient styles, so you don't lose time.

A sophisticated tool for the creation and editing of CSS3 gradients. It lets you add code snippets to ensure compatibility with all major browsers ...

A sophisticated tool for the creation and editing of CSS3 gradients. It lets you add code snippets to ensure compatibility with all major browsers and it also contains various customization options to make just the gradient you need.

CSS3 Maker is a visual gradient generator that helps you create nice gradients over buttons. With it, you are able to modify the type of gradient, ...

CSS3 Maker is a visual gradient generator that helps you create nice gradients over buttons. With it, you are able to modify the type of gradient, whether it is linear or radial, the initial color, horizontal and vertical positions, the end color and their position. You can grab the code, which works in major browsers and mobile devices.

This online tool will help you create beautiful gradients with simple visual controls. It lets you modify the starting point, the end point and sto...

This online tool will help you create beautiful gradients with simple visual controls. It lets you modify the starting point, the end point and stops, as well as features like the horizontal and vertical position, and the color. Also, it lets you create code specifically compatible to Firefox and other browsers.

This is a redesign for a pretty famous CSS3 gradient generator, hosted by CSS3 Factory. It has a pretty modern look while keeping all the functiona...

This is a redesign for a pretty famous CSS3 gradient generator, hosted by CSS3 Factory. It has a pretty modern look while keeping all the functionalities you'd expect in a top gradient tool. You can choose between HEX and RGB color models, the direction of the gradient and more.

The Ultimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor. Amongst it features you can find: - A powerful Photoshop-like...

The Ultimate CSS Gradient Generator is a powerful Photoshop-like CSS gradient editor. Amongst it features you can find: - A powerful Photoshop-like interface - Cross browser CSS output - Horizontal, vertical, diagonal and radial gradients - Complex multi-stop gradients - Opacity support with multiple stops - Hex, RGB, RGBA, HSL, HSLA color formats - Support for full multi-stop gradients with IE9 - Import from image (convert image gradient to CSS) - Import from existing CSS - Adjust gradient by hue, saturation and lightness - More than 135 gradient presets - Saving custom gradient presets - Sass output - Flexible preview panel - Gradient permalinks for sending and sharing

The Gradient Generator is a CSS online tool that supports full multi-stop gradients and exports them in CSS code to save you time. It helps you mod...

The Gradient Generator is a CSS online tool that supports full multi-stop gradients and exports them in CSS code to save you time. It helps you modify the opacity, color, and the location, as well as changing the hue, saturation and lightness to create an even more beautiful and useful gradient.