Smooth firefox background gradient

Question

I have noticed that a background gradient in Firefox is not so smooth rendered compared to chromium.

Firefox:

Chromium:

Firefox renders the gradient with more "artifacts" and not a homogeneous color fade. Is there a way to smooth that, that the results looks as good as in chromium?

body{
    background-color: #2e3236;
    background-image: radial-gradient(circle, #4e505298 0, rgba(35, 40, 46, .5) 15%, #101418 95%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

Facilitate

@ÁlvaroGonzález Yes, when you run the snippet it produces the exact same output as seen on the screenshots. Ubuntu 18.04 x64, Firefox v107. Same result on Android, Chrome smooth, Firefox artifacts. – Facilitate

refer this post also this may help you – Prophesy

@Prophesy I found that question as well, but the OP is using a radial gradient. Oh, and if you think a question is a duplicate, you should generally use Flag > Needs improvement > Duplicate. – Coquet

This is interesting. I ran into a similar problem a few days ago, but i got the banding in both chrome and firefox, so after doing some research I just put it away as "i have a shitty monitor". But seeing a difference here makes me wonder, if ther actually IS a solution to this other than buying an oled screen – Niigata

Answer 1

Found a fix:

• go to: about:config
• look for: "gfx.webrender.dcomp-win.enabled"
• disable the option - set it to 'false'
• restart firefox

https://i.imgur.com/jPUYK7b.png

Unpractical