JSFiddle - React, Tailwind, and code Playground

by mrcl

JavaScript

function Interpolate(start, end, steps, count) {
    var s = start,
        e = end,
        final = s + (((e - s) / steps) * count);
    return Math.floor(final);
}

var start = {"r":0,"g":255,"b":0};
var end = {"r":255,"g":255,"b":255};
var val=56;

if (val > 0) {
  start = {"r":255,"g":255,"b":255};
  end = {"r":255,"g":0,"b":0};
}

 $("body").css("background","rgb("+Interpolate(start.r,end.r,50,val)+","+Interpolate(start.g,end.g,50,val)+","+Interpolate(start.b,end.b,50,val));