Programmatically mix/blend colors?

[adrian5]

Is there a feature/plugin of d3 that allows the mixing of colors? I'm looking for something like SCSS's mix(a, b, weight) function. d3-interpolate looked like the right choice at first, but appears to have a different goal.

I don't think I can just have the browser engine render things and get the final pixel color that way. Rendering to a <canvas> might allow the sampling of rendered pixels, but that would be via image coordinates, not “what's the final color of this element?”.

Alternative suggestions most welcome, but I quite like how d3-color works and would love to try d3-color-difference alongside it.

[adrian5]

Nevermind. Turns out d3.rgb(d3.interpolateRgb(a, b)(w)) gives the same output as SCSS mix(a, b, (1 - w) * 100)) (i.e. mix(b, a, w * 100)). I made a mistake while comparing the output, which had me convinced they behaved differently away from the midpoint.