Placeholder image

Gradients,...gradients,...gradients,...everywhere, right?

Well, here you can grab yours.

So, when you copy to the clipboard you will get a CSS code, and all you need to do is to paste it straight in your CSS file.

Let me brake it down for you

The whole code


    background: #2BC0E4;
    /* fallback for old browsers */
    
    background: -webkit-linear-gradient(45deg, #2BC0E4, #EAECC6);
    /* Chrome 10-25, Safari 5.1-6 */
    
    background: linear-gradient(to right, #2BC0E4, #EAECC6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

The css markup


    background: #2BC0E4;
    
    background: -webkit-linear-gradient(45deg, #2BC0E4, #EAECC6);
    
    background: linear-gradient(to right, #2BC0E4, #EAECC6);
    

The prefixes

 
    -webkit-linear-gradient
    
    
    /* Chrome 10-25, Safari 5.1-6 */
    
    linear-gradient
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
Placeholder image

You have also the feature to search for a gradient.

As the same as in the palettes you can follow the same criteria while searching for colors.Lets remember which ones you can use.

This are the colors that you can search for at the moment: