Why Gradie's colour switcher does two things at once (and why that's not a bug)
Hey. I’m Emmanuel. I built a little app. Nothing super complex. It does one thing and it does it well (if I do say so myself). It’s called Gradie. Upload an image, and Gradie will get the five most...

Source: DEV Community
Hey. I’m Emmanuel. I built a little app. Nothing super complex. It does one thing and it does it well (if I do say so myself). It’s called Gradie. Upload an image, and Gradie will get the five most prominent colours from that image and use them to create a bunch of custom gradients. Sounds great, yeah? This is me doing promo, I guess? Before this, I posted three demo videos on Twitter, BlueSky, and, of course, LinkedIn. Well, I don’t have any videos today, so here’s an article instead. My first in years! So let’s talk about one very specific design decision I made while building Gradie. And why, even though it might seem a little off at first glance, I’m sticking by it. Before I started building Gradie, here’s the only type of gradient I knew about: .gradie-theme { background: linear-gradient(180deg, #eeedea, #ee6495); } I knew nothing about conic, radial, the repeating-* variants, colour interpolation, etc. So yeah, I was wearing a big cap with “Noob” on it in block letters. But why a