Anyone know how the gradient mixing works why color mixing is not uniform?
there is a visible line patch of cyan
5 Replies
i think that this has something to do with the default color space (srgb) being used by the browser. Although, honestly, I'm not sure. https://drafts.csswg.org/css-images-4/#color-interpolation
I ran into a similar problem using blur.
Could it be color banding?
https://en.wikipedia.org/wiki/Colour_banding
Colour banding
Colour banding is a subtle form of posterization in digital images, caused by the colour of each pixel being rounded to the nearest of the digital colour levels. While posterization is often done for artistic effect, colour banding is an undesired artifact. In 24-bit colour modes, 8 bits per channel is usually considered sufficient to render ima...
There are many very convenient tools to generate color gradients.
CSS Gradient
CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
also worth noting that the more colors you add to a gradient the more likely you are to run into banding. More colors means less pixels available to transition between those colors.