Image Color Fade

Transition from a color to another in an image

This page allows you to make a smooth transition from one given color to another one. This is easy to do with some image programs, but this is useful for doing it fast. You enter a start color and an ending color, and an image will be automatically generated. Please don't hotlink the images; they are regularly deleted.

Start color Colors should be inputted in one of the following RGB forms:
  • Hexadecimal (e.g. #f90 or #f7aa05)
  • Decimal (e.g. 122,255,200)
  • 147 HTML color names (List on W3Schools.Com)
Ending color
Fixed width (in px)
The ideal image width will be automatically determined
if you leave this blank (recommended).
Width may not be larger than 255 px.
 
Direction
Demo