Once that step was completed, I changed the way the "brain" on my home page worked. Originally, it would randomly pick a color from those available in the theme the user had specified, but I always wished it could smoothly transition between the colors.

After I updated the site, I wondered if I could make a JavaScript widget that would just cycle through various color shades beautifully and smoothly, and that's where this page comes in. I think it came out rather nicely.

How does it work?
The color scheme is based on a modifier code, generated once every 10 seconds, or specified by the user. The code is a representation of a number from 0-15 - the base16 HEX digit range - for each of the 3 base colors that make up all light-based colors: red, green and blue. Each time the color cycles, a random number is produced for each value, and that code is applied to one of thousands of possible shades of that color, and then put into one of the boxes on the screen. Each time this happens, an end color is randomly chosen from within the same color boundaries, and then the box is gradually changed until it matches that color, at which time the process begins anew.

On fast computers, 64 color variations are used for each transition, and this scales down to a mere 24 variations on slower machines, since the color calculations are pretty CPU-intensive.