Gradient color creator

Gradcolor is a website that creates in 10 seconds gradients colors pictures for website use by example. If you don't yet
have a website then we recommend findind help from WHS - the guide to affordable web hosting

Step 1 : Choose a size (pixels) for the picture, the mode, and the two (or three,four) colors of the gradient you want make.

Step 2 : Generate it and see the result (the picture and the html and css code).

selected will add into css style this : background-attachment:fixed; It means that the picture (here the gradient) will be repeated from top or left, but this property will let the picture fixed when you will scroll down the page Example 1 with this property

will not add into css style the fixed property, a blank could or could not (depend on size of text) be visible at the end (if by example your last color gradient is not white and your background color is white) Example 2 with no attachment

Tips

1) To generate cool gradient and get thin gradient line, in mode top : use large height(ex:500) and low width(ex:5)
in mode left : use low height(ex:5) and large width(ex:500).

2) To integrate the gradient you generate to your page, you should add exactly to the last color of gradient, the color of your page.
Ex : i want to generate a gradient with 2 colors and my background page is blue(#0000FF) -> i will add a first color ex : yellow (#ffff00) and my second color will be blue(#0000FF). Or if your background page is red(#FF0000), add red color to second color...
It's the same things for 3 or 4 colors, the last color added should be the color of your web page to be integrated nicely ;)

3) To get a nicer gradient, when you use more than 2 colors :
Use as second color, one that is near the previous color see examples here close

4) For a cool result with 2 colors, to apply to your page, you can by example select red :#FF0000 as 1st color, #0000FF as 2d, mode top, width:5 px and height:1024 px. And so, it will generate a picture with a lot of differents colors starting from red to blue....