運行槽一個RGBA到另一基於百分比

Question

假設我有此二者RGBA代碼：

RGBA（150，160，255，1）和RGBA（195，0，0，1）

我想以一個0/100的比例從一個傳遞給另一個。

0％將是RGBA（150，160，255，1）

100％將是RGBA（195，0，0，1）

我試圖使一個HeatMap與此。

我該如何確定rgba會讓我們說... 30％！？

Answer 1

代碼中的每個值x：

x = min_x + (max_x - min_x)*percentage/100 

（注：max_x可以小於min_x）

Answer 2

對於每個組件，你只需要爲做start+(end-start)*percentage

所以你30％你有：

red = 150 + (195 - 150) * 0.3 = 205.5 
green = 160 + (0 - 160) * 0.3 = 112 
blue = 255 + (0 - 255) * 0.3 = 178.5 
alpha = 1 + (1 - 1) * 0.3 = 1 

因此

您的最終顏色會rgba(206, 112, 179, 1)