Bien...
Te comentaré 2 cosas:
1º: Acabo de editar el código para cerrar unas comillas que se me habían pasado en el div "fondo"...
2º: En la siguiente línea:
tabla += "<tr><td width=100% height=" + altoCelda + " style='background-color: #" + color(i) + "0000' ></td></tr>"
Fíjate que detrás de background-color está ésto:
: #" + color(i) + "0000'>..."
los colores son #RRGGBB o sea que los dos primeros dígitos hexadecimales son para el componente rojo (red)... y en este caso son los que van cambiando con la función color que devuelve en formato hexadecimal el valor decimal del parámetro.
Luego siguen las componentes verdes (GG) y azules (BB)... en este ejemplo solo varían las tonalidades rojas, pero se puede jugar con más tonalidades... si quisieras que fuese fondo azul sería:
#0000 + color(i).
Creo que el secreto está en hacer pruebas o hecer un estudio de desde que valor inicial a valor final quieres que cambie.
Espero que te sirva...
Saludos
