css - CSSで単純な色を混ぜる

Question

いくつかのパラメータに応じて塗りつぶしの色が変わる SVG がいくつかあります。2 つのパラメーターが同じ SVG 機能にある場合、対応する 2 つの色を混ぜて、この SVG にこれら 2 つの異なる「もの」があることをユーザーが理解できるようにします。

たとえば、ブルーバイオレット (8A2BE2) とアクアマリン (7FFFD4) を混合した後に適用される結果の色です。Javascriptにはいくつかの式がありますか?

前もって感謝します

Answer 1

R/G/B コンポーネントのそれぞれを別々に追加し、2 で割ります。

(8A + 7F) / 2 = 84
(2B + FF) / 2 = 95
(E2 + D4) / 2 = DB

mixed color = #8495DB

Answer 2

色を扱うときに役立つxcolorという優れた jQuery プラグインがあります。あなたが探しているのは、おそらく混色方法です。