Answers for "gradient background css with percentage"

linear-gradient

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

Posted by: Guest on April-01-2020

css linear gradient

#gradient {
  background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */

Posted by: Guest on September-17-2020

html get color gradient percentage

function pickHex(color1, color2, weight) {
    var w1 = weight;
    var w2 = 1 - w1;
    var rgb = [Math.round(color1[0] * w1 + color2[0] * w2),
        Math.round(color1[1] * w1 + color2[1] * w2),
        Math.round(color1[2] * w1 + color2[2] * w2)];
    return rgb;
}

Posted by: Guest on July-24-2020

Source