JSFiddle - React, Tailwind, and code Playground

by drublic

HTML

Blog synth shoreditch vero, cardigan viral cosby sweater. Twee pork belly non, shoreditch vegan quis proident. Shoreditch wes anderson lo-fi selvage gentrify. Mollit dreamcatcher wolf shoreditch magna swag. Irony qui laboris high life photo booth irure food truck, veniam esse leggings cillum. Raw denim bushwick exercitation, sriracha chillwave aute photo booth mustache freegan flexitarian american apparel mumblecore. Laboris consequat velit exercitation cosby sweater fap.

JavaScript

var colors = [
    [0, "aaa"],
    [10, "aaa"],
    [10, "bbb"],
    [20, "bbb"],
    [20, "ccc"],
    [30, "ccc"],
    [30, "ddd"],
    [40, "ddd"],
    [40, "eee"],
    [50, "eee"],
    [50, "fff"],
    [100, "fff"]
];


function gradientgenerator(colors) {
    var gradient = '';
    
    for (color in colors) {
        gradient += '#' + colors[color][1] + ' ' + colors[color][0] + '%, ';
    }

    return '-webkit-linear-gradient(left, ' + gradient.slice(0, gradient.length-2) + ')';
}

document.querySelectorAll('body')[0].style.background = gradientgenerator(colors);