Shefarol Soluções Web

50 Tons de Laranja em Javascript - Voltar

Exemplo em Javascript
var valorInicialR = 255; // Componente vermelho inicial
var valorInicialG = 204; // Componente verde inicial
var valorInicialB = 0;   // Componente azul inicial

var valorFinalR = 255;   // Componente vermelho final
var valorFinalG = 102;   // Componente verde final
var valorFinalB = 0;     // Componente azul final

var colunas = 10;
var linhas = 5;

var stepR = (valorInicialR - valorFinalR) / (linhas - 1) / colunas;
var stepG = (valorInicialG - valorFinalG) / (linhas - 1) / colunas;
var stepB = (valorInicialB - valorFinalB) / (linhas - 1) / colunas;

document.write('<table>');
for (var i = 0; i < linhas; i++) {
    document.write('<tr>');

    for (var j = 0; j < colunas; j++) {
	    var r = Math.round(valorInicialR - stepR * i * colunas - stepR * j);
	    var g = Math.round(valorInicialG - stepG * i * colunas - stepG * j);
	    var b = Math.round(valorInicialB - stepB * i * colunas - stepB * j);

	    document.write('<td style="background-color: rgb('+ r + ',' + g + ',' + b + ')"></td>');
	}

	document.write('</tr>');
}
document.write('</table>');