JSFiddle - React, Tailwind, and code Playground

by alnitak

HTML

<body>
    <div class="FirstColor">text1</div>
</body>

CSS

body{
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CEEEEE), to(#98BFF1));
}
.FirstColor{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECAA63), to(#E36D0A));
}

JavaScript

var bgGrad = $('.FirstColor').css("background-image");
var parseRgb = (function (rgbStr) {
    return rgbStr.match(/rgb\(([0-9]+), ([0-9]+), ([0-9]+)\)/);
});
var fromStr = bgGrad.match(/from\((.*)\),/)[1];
var fromRgb = parseRgb(fromStr);

var toStr = bgGrad.match(/to\((.*)\)\)/)[1];
var toRgb = parseRgb(toStr);

// alert('From rgb: ' + fromRgb.slice(1,4) + '\nTo rgb: ' + toRgb.slice(1, 4));

$('body').css('background', '-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(rgb(' + fromRgb.slice(1, 4) + ')), to(rgb(' + toRgb.slice(1, 4) + ')))');