JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    border: 1px solid;
    height: 50px;
    width: 50px;
}

JavaScript

function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

setInterval(function() {
      $("div").css("background", "linear-gradient(to right,"+ getRandomColor()+", "+getRandomColor()+")");
    }, 500);