JSFiddle - React, Tailwind, and code Playground

by gene

HTML

<script src="https://raw.github.com/jquery/jquery-color/master/jquery.color.js"></script>
<div class="background">
<div class="foreground">
</div>
</div>

CSS

.background {
    width: 50;
    height: 50;
    border: 2px solid blue;
}

.foreground {
    width: 100%;
    height: 100%;
    color: blue;
}

JavaScript

$('.foreground').animate({
    backgroundColor: $.Color({staturation: 0.2})}, 1000);