WebGL中黑色Alpha混合异常变白问题求助

我尝试让场景中的对象淡出，但发现它在Alpha通道变为0消失前，会先变亮接近白色。为了测试，我设置了一个纯黑色（0, 0, 0）的正方形，将它的Alpha通道从1线性插值到0。

[纯黑色矩形]

这是正常状态下的矩形。

[Alpha值为0.1时的亮矩形]

同一矩形当Alpha值为0.1（即vec4(0, 0, 0, 0.1)）时，亮度甚至超过了背景本身。

我使用的混合模式是：
gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA)

按照我的理解，这个模式应该只是在背景像素和新生成的源像素之间做线性插值，我完全搞不懂混合纯黑色时输出像素为什么会变亮。

编辑1：
经过测试补充说明：
这是一个WebGL场景，我在网页的canvas上绘制。调试时发现每个gl.drawElements()调用似乎都绘制到单独的缓冲区，之后再进行合成，而且我的正方形被绘制到了纯白缓冲区，这可能就是亮度的来源。
这意味着混合并没有和后缓冲区进行，而是和某个未知的缓冲区混合。请问如何实现和后缓冲区的混合？是不是需要先渲染到纹理再绘制到canvas？

编辑2：
我通过设置颜色与Alpha分离混合得到了预期的效果：
gl.blendFuncSeparate(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA, gl.ONE, gl.ONE);
但还是希望有人能解释一下最初的混合模式为什么会失效。

内容的提问来源于stack exchange，提问作者Some Dinosaur