ISTA 230 Introduction to Web Design (Fall 2017)

Simple Gradient Generator

Below is a form that can be used to create a gradient image using the two specified colors. You can specify the size of the image but 100px × 100px is a good size to start with. Note that images must be larger than 10px × 10px and cannot be larger than 500px × 500px.

You can specify a vertical or horizontal gradient and also have the option of specifying that the gradient should fade from opaque to transparent. This is useful if you plan on using the gradient on top of a background color.

Create A Gradient