stephen koch

software engineer

Gradients!

https://gradients.koch.dev

I was curious to know if there was an easy way to find x number of colors between 2 colors and I'm sure it's no surprise that there are a few npm packages that fit that bill.

I'd settled on gradient-color and also looked at javascript-color-gradient however ran into issues using TypeScript. In searching just now, I see tinygradient which now that I see it has TypeScript support I will switch over to see how that is!

At any rate, using gradient-color was easy enough and it was serving the purpose, there was a lot of color explorations which led me to using the URL for color values. Use a number of stops and 2 valid hex values (without the #) to view a 'type' using those values.

Like so.

gradient-circle
gradient-vertical
gradient-horizontal
gradient-grid