JSFiddle - React, Tailwind, and code Playground
HTML
<div class="object"></div>
CSS
.object {
width: 100px;
height: 100px;
position: relative;
top: 0px;
left: 0px;
background-color: white;
border: 1px solid;
}
JavaScript
function RGB2HTML(red, green, blue)
{
var decColor =0x1000000+ blue + 0x100 * green + 0x10000 *red ;
return '#'+decColor.toString(16).substr(1);
}
window.onload = function(){
var currentColor='white';
var red = 0;
var green = 0;
var blue =0;
setInterval(function(){
$('.object').style.top += 10px;
$('.object').style.left += 10px;
$('.object').style.background-color = RGB2HTML(red+10; green+10; blue+10)
}, 1000);
};