Как получить итоговый цвет из наложения других цветов

Question

Я не знаю, как я могу это объяснить, но следующий код прояснит это.

function overlayColor(color1,color2) {
    var myCanvas = document.createElement("canvas");
    myCanvas.width = myCanvas.height = 1;
    var myContext = myCanvas.getContext("2d");
    myContext.fillStyle = "rgba(" + [color1[0],color1[1],color1[2],color1[3]/255].toString() + ")";
    // Array.prototype.toString is same as function () {return this.join(",")}
    myContext.fillRect(0,0,1,1);
    myContext.fillStyle = "rgba(" + [color2[0],color2[1],color2[2],color2[3]/255].toString() + ")";
    myContext.fillRect(0,0,1,1);
    return myContext.getImageData(0,0,1,1).data;
}

Как вы можете сделать то же самое с формулами