My second gradient play was inspired by this gorgeous slice of malachite, a stone I have a soft spot for since it was one of my favorites in my green-loving childhood. I was a lot looser with this one than the Tiger Eye gradient, partially because I had to be – there were too many little stripes to mimic as closely. It took a few tries before I was satisfied with the look.

Here’s the unprefixed code:
background: radial-gradient(ellipse at center, #379e70 0%,#1e6743 4%,#379e70 8%,#1e6743 11%,#379e70 15%,#379e70 17%,#1e6743 20%,#1e6743 20%,#1e6743 24%,#379e70 28%,#3b4537 30%,#3b4537 30%,#1e6743 32%,#64c6ac 37%,#379e70 41%,#64c6ac 45%,#379e70 49%,#1e6743 52%,#379e70 56%,#1e6743 59%,#6ea883 62%,#379e70 64%,#379e70 69%,#64c6ac 73%,#1e6743 75%,#379e70 79%,#379e70 85%,#64c6ac 87%,#379e70 93%,#3b4537 96%);

I used TinEye Labs’ Color Extraction Lab to get color codes again; also used again, but unmentioned in the previous installment, was a combination of Colorzilla’s Ultimate CSS Gradient Generator and the Autoprefixer Sandbox to get the code out. Something I didn’t realize last time is that Colorzilla provides a permalink to the gradient, so you can edit this gradient yourself.

Malachite photo at top by Rob Lavinsky, iRocks.com – CC BY-SA 3.0, via Wikimedia Commons