Preview Mode Links will not work in preview mode

Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index.

  1. All Episodes
  2. 72: Why does my gradient have muddy colors in the middle?

72: Why does my gradient have muddy colors in the middle?

Sep 8, 2023

In this episode, we tackle the issues around getting undesirable gradient results. Sometimes it's you, sometimes it's the color space. We'll help you identify, assess and remedy muddy gradients.

 

Links:

HD color guide - https://goo.gle/3RhyvmP 

various gradients in color spaces - https://goo.gle/3Pc02TV 

modern css gradient tool - https://goo.gle/3P4KxNI 

try color mix - https://goo.gle/3r2toML 

color-mix() with white hover codepen - https://goo.gle/3Pw6mHm 

interpolation visualizer - https://goo.gle/45GwS6t 

 

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨  Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬 

 

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

 

Catch more episodes → https://goo.gle/CSSpodcast 

Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs 

 

The CSS Podcast

#CSSpodcast