javascript - パーセンテージに基づいて、あるrgbaから別の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）になります

これでヒートマップを作ろうとしています。

どうすれば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)