Creates array of colours cross faded from start to end via the number of steps required.

colourFade.js

function colourFade (start, end, steps) {
  	var steps = steps || 10;
		var start = start ? start.replace('#', '') : '000000'
		var end   = end ? end.replace('#', '') : 'FFFFFF'
		var out   = {"r":[],"g":[],"b":[]};
		var floor = Math.abs;


		console.log(start,end,end.substr(2,4));

		// Starting componants
		var srgb  = {
			"r": parseInt(start.substr(0, 2), 16),
			"g": parseInt(start.substr(2, 2), 16),
			"b": parseInt(start.substr(4, 2), 16)
		};

		// Ending componants
		var ergb  = {
			"r": parseInt(end.substr(0, 2), 16),
			"g": parseInt(end.substr(2, 2), 16),
			"b": parseInt(end.substr(4, 2), 16)
		};

		var current = {
			"r": srgb.r,
			"g": srgb.g,
			"b": srgb.b
		};
		
		var step_rgb = {
			"r": (ergb.r-srgb.r)/(steps-1),
			"g": (ergb.g-srgb.g)/(steps-1),
			"b": (ergb.b-srgb.b)/(steps-1),
		}

		var i = 0;

		// Sort out the red
		for ( ; i < steps; i++) {
			// Subtract red
			current.r = parseInt( srgb.r + (i * step_rgb.r) );

			// Subtract red
			current.g = parseInt( srgb.g + (i * step_rgb.g) );

			// Subtract red
			current.b = parseInt( srgb.b + (i * step_rgb.b) );

			// Push the value
			out.r.push((current.r).toString(16));
			out.g.push((current.g).toString(16));
			out.b.push((current.b).toString(16));
		}

		i = 0;

		var colours = [];
		var string  = '';

		for ( ; i < steps; i++) {
			string = "#" + m2d(out.r[i]) + m2d(out.g[i]) + "" + m2d(out.b[i]);

			colours.push(string);
		}

		function m2d(i){
			if (i.length < 2) i="0"+i;
			return i;
		}

		return colours;
	}