To implement:

Fade from initial colour to new colour.

  

<html>
<head>
<title></title>
<script language="JavaScript">
<!-- Start Script

// toHex converts from decimal to Hex
// Analysis

function toHex(number) 
{

var temp=0;
var hexNumber = "";

var hexString = "0123456789ABCDEF";

hexNumber += hexString.charAt(Math.floor(number/16));
hexNumber += hexString.charAt(Math.floor(number%16));

return hexNumber;
}


// bgFade function
// Analysis

function bgFade(steps, red, green, blue, rSteps, gSteps, bSteps)
{
for(var x=0; x < steps; x++)
	{
	red += rSteps;		
	green += gSteps;
	blue += bSteps;
	document.bgColor = "#" + toHex(red) + toHex(green) + toHex(blue);
	}
}

// Tests
// Analysis
 
document.bgColor = "#FFFFFF";
bgFade(255, 255, 255, 255, -1, -1, -1);
bgFade(175, 0, 0, 0, 1, 0, 0);
bgFade(175, 175, 0, 0, -1, 0, 1);
bgFade(175, 0, 0, 175, 0, 0, -1);
bgFade(200, 0, 0, 0, 1, .1, .5);
bgFade(100, 200, 20, 100, -1, -0.1, -0.5);
bgFade(100, 100, 10, 50, -1, -0.1, 2);
bgFade(250, 0, 0, 250, .25, 0, 0);

// End Script -->
</script>
</head>
<body>
</body>
</html>

 

Execute code or main page