deals

premiumdeals & gradient generators (15 items)

This list includes several online tools for creating gradients that you can download as .jpg or other image formats. A quick way to create a background for any element.

freebies

Easing gradient lets you control the color mix on linear gradients with a set of easing functions like cubic bezier and steps in SketchApp. All thi...

Easing gradient lets you control the color mix on linear gradients with a set of easing functions like cubic bezier and steps in SketchApp. All this because when transitioning between colors, the edges become prominent if we don't ease-in-out of it. It features non-linear color mix and custom color spaces. Created by Andreas Larsen.

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.

Solid and Gradient PNG Generator, you can set the position, size and color for each gradient you generate.

Solid and Gradient PNG Generator, you can set the position, size and color for each gradient you generate.

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

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.

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.

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.

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

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.

These colorful gradients are part of a plugin for Sketch that allow you add compelling gradients as shapes to a design. To install the plugin, sele...

These colorful gradients are part of a plugin for Sketch that allow you add compelling gradients as shapes to a design. To install the plugin, select Reveal "plugins folder under" the Plugins menu option, and add the plugin; to use it, select the shapes, go to "plugins", menu, sketch-colorful-gradients, option, and wait for the gradient to be downloaded and inserted. This plugin was created by Duncan Beaton and it's licensed under the MIT license.

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.

6000+ Flat Icons Pack, Only $24: Vector Ai, SVG & EPS, 38 Content Categories

6000+ Flat Icons Pack, Only $24: Vector Ai, SVG & EPS, 38 Content Categories

The Ui Gradients tool allows you to create beautiful gradients between two colors. They have been handpicked, so you just need to click on the slid...

The Ui Gradients tool allows you to create beautiful gradients between two colors. They have been handpicked, so you just need to click on the slider until you find the one you like. One problem is that you can't type the hexadecimal value to create your own gradients, but this is cool since you don't need to bother yourself finding the perfect colors; they're already there for you.

 This tool for creating image gradients is divided into four steps; the first lets you choose the direction — horizontal, vertical, repeats, d...

 This tool for creating image gradients is divided into four steps; the first lets you choose the direction — horizontal, vertical, repeats, diagonals, radial and rings —. Then, you can choose the size, the colors and after all, you can download them for easy integration.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

​Gradients Maker is an online tool that lets you create gradient images quickly. Then, you can use the gradient as the background of your website. ...

​Gradients Maker is an online tool that lets you create gradient images quickly. Then, you can use the gradient as the background of your website. To create a gradient, you have to choose the image sizes, the gradient colors and its orientation (Horizontally or Vertically). When you finish filling the form, the results appear by clicking on the "Preview" button, and if it looks good, you can download the gradient by clicking on the "Download" button.

​This generator will produce either vertical or horizontal gradients that can be used in your web page design. Simply enter the details of the grad...

​This generator will produce either vertical or horizontal gradients that can be used in your web page design. Simply enter the details of the gradient into the form, like the start color, end color, size of the canvas and that's it: just click 'Generate It' and there you go, a nice gradient for any purpose.

​Gradient images are used everywhere in web page design as the background of form buttons or DIVs, to act as shadows and other interesting visual e...

​Gradient images are used everywhere in web page design as the background of form buttons or DIVs, to act as shadows and other interesting visual effects. This online tool allows you to generate gradient images of 3 types painlessly, with instant previewing so you get exactly what you had in mind. Enjoy!

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and Mor...

Ugly Sweater Christmas Pack: Knitted Ornaments and Patterns, Sweater Templates, Plus a Photoshop Action to Transform Fonts, Images, Photos, and More, Into Knitting Patterns! Only 9$ (70% OFF)