This gradient effect is harder than it looks
August 9, 2012 11:36 AM Subscribe
I'm a coder and a total neophyte regarding graphics and design. I see this kind of single-color gradient everywhere, but simply cannot manage to make one myself.
What I mean is something like the upper part of this.
Its a barely perceptible (radial?) single-color gradient that's great at giving a subtle impression of depth, especially when offset against a darker bottom or side panel.
Seems simple enough but obviously it isn't for graphically challenged me. A radial gradient between a green and a darker green isn't really doing it. Is there some theory that I'm missing, or is this a "keep doing it until it looks right" kind of effect?
I'd like to figure this out in html, svg, or code (for Android or XAML) - I think if I can pull it off in inkscape or something similar I'll be able to do it anywhere.