Comments on: Grainy Gradients https://frontendmasters.com/blog/grainy-gradients/ Helping Your Journey to Senior Developer Mon, 23 Jun 2025 15:50:20 +0000 hourly 1 https://wordpress.org/?v=6.8.3 By: Ana Tudor https://frontendmasters.com/blog/grainy-gradients/#comment-30365 Mon, 16 Jun 2025 17:23:18 +0000 https://frontendmasters.com/blog/?p=6066#comment-30365 In reply to Jacob Berglund.

No. Here’s a comparison test on CodePen.

https://codepen.io/thebabydino/pen/azOjwgr

The banding is at least as obvious as in the sRGB case and the gradient looks dirtier/ uglier in the middle.

]]> By: Jacob Berglund https://frontendmasters.com/blog/grainy-gradients/#comment-30278 Sun, 15 Jun 2025 11:43:15 +0000 https://frontendmasters.com/blog/?p=6066#comment-30278 Could using OKLCH help with the banding issues? Seems a lot more consistent compared to sRGB in my experience

]]> By: Ana Tudor https://frontendmasters.com/blog/grainy-gradients/#comment-30178 Sat, 14 Jun 2025 00:30:50 +0000 https://frontendmasters.com/blog/?p=6066#comment-30178 In reply to Matija Marohnić.

I’m guessing it’s a matter of the image being scaled down in the post to fit. I’m not seeing the difference at the size in the post either. But if I open the images in a new tab and see them at their original size, I can see the banding in the first one (https://i0.wp.com/frontendmasters.com/blog/wp-content/uploads/2025/06/451867920-1d51206d-fdea-4473-b84f-173467951fc7.png) and the grain in the final one (https://i0.wp.com/frontendmasters.com/blog/wp-content/uploads/2025/06/451873184-d4a8b150-73ac-4166-bbea-7250387a0a2b.png) in that section. Same goes for the live demo – commenting out the filter declaration in the CSS shows banding instead of grain.

]]> By: Matija Marohnić https://frontendmasters.com/blog/grainy-gradients/#comment-30167 Fri, 13 Jun 2025 21:34:50 +0000 https://frontendmasters.com/blog/?p=6066#comment-30167 Some effects here a pretty cool, I especially love the noisy gradient discs. I’ve just had trouble following the part with text and box shadow, I didn’t see the difference between the undesired result and the desired result. But all in all, very insightful, thank you, always happy to learn more about playing with SVGs, which I think is an underestimated technology even today.

]]>