OpenLayers: могу ли я получить цвет, накладывая слои с некоторой непрозрачностью?

У меня есть 2 слоя с некоторой непрозрачностью:

var vectorLayer = new ol.layer.Vector({
    source: vectorSource,
    style: function (feature) {
        return new ol.style.Style({
            fill: new ol.style.Fill({
                color: *some function to get color from data*
            }),
            stroke: new ol.style.Stroke({
                color: 'rgb(23, 23, 23)',
                width: 0.5
            }),
        });
    }
});

vectorLayer.setOpacity(0.7)

и 1 «финальный» слой без непрозрачности:

var finalLayer = new ol.layer.Vector({
source: vectorSource,
    style: function (feature) {
        return new ol.style.Style({
            fill: new ol.style.Fill({
                color: 'rbg(255, 255, 255)'
            }),
            stroke: new ol.style.Stroke({
                color: 'rgb(23, 23, 23)',
                width: 0.5
            }),
        });
    }
});

Итак, цвет, который я получаю в результате, — это результат наложения 3 слоев.

Я пытался получить цвет, используя

R = R1 + (R2 - R1) * Alfa / 255; 
G = G1 + (G2 - G1) * Alfa / 255; 
B = B1 + (B2 - B1) * Alfa / 255;

но цвет, который я получил, был не тот, который я вижу на карте

Цвета двух слоев с непрозрачностью я сохраняю как свойство объекта:

var color1 = feature.get('color1').match(/\d+(\.\d+)?/g).map(Number)

var color2 = feature.get('color2').match(/\d+(\.\d+)?/g).map(Number)

const selectStyle = new ol.style.Style({
    fill: new ol.style.Fill({
        color: function (feature) {
            var color1 = feature.get('color1').match(/\d+(\.\d+)?/g).map(Number)
            var color2 = feature.get('color2').match(/\d+(\.\d+)?/g).map(Number)
            return rbg(???);
        },
    }),
    stroke: new ol.style.Stroke({
        color: 'rgba(30, 210, 255)',
        width: 1,
    }),
});