[css-color] color-mix() percentage normalization doesn't match animations.

[emilio]

One nice thing of color-mix is that you can represent the interpolated values between currentColor and other colors in e.g. the computed style.

However, there's no way to represent the interpolated result of a fill animation because of the percentage normalization in https://drafts.csswg.org/css-color-5/#color-mix-percent-norm, which means that color-mix(currentColor 100%, red 100%) ends up with a different alpha rather than with a saturated color.

It'd be good to be able to represent animated colors using color-mix (in the "a bit less bit of magic" sense).

cc @weinig, @svgeesus, @birtles, @BorisChiou

[svgeesus]

which means that color-mix(currentColor 100%, red 100%) ends up with a different alpha rather than with a saturated color

For values that sum to greater than 100% the alpha is not affected. You get the same as color-mix(currentColor 50%, red 50%)

[svgeesus]

@emilio Did this answer your question?

[emilio]

@svgeesus: not quite. My point is that animations don't match the color-mix behavior. And probably they should?

[svgeesus]

Looking back over this, it isn't clear to me what change you want in animations. Could you give an apparently-identical color-mix() and animation which seem like they should give the same result but don't?

Or am I misunderstanding the problem entirely.