Am I the only person who couldn't tell the difference in that horizontal gradient example?
back
7 comments
I can't on my MacBook or external screen. I tried on my iPhone—assuming that the screen might be lower quality—sadly the website blew up and there was no gradient to be found.
I could, but barely. Not enough that this website made me care about the issue.
That's his point though, right: you are saying "meh, it's good enough".
"No. No, no, no. (Points to a section of a wall.) That's the new Military Grey bit there, and that's the dowdy, old, nasty Ocean Grey bit there. Or was it the other way round?" -- Rimmer, 'Red Dwarf'
I'm saying that I'd love it if this was within the first thousand things on the list of biggest problems I'm dealing with.
It's always only good enough. Who actually has a literally perfect life?
True. Every step in technology's progress is selected because it's "good enough" to ship the technology out of the lab.
The point I'm making is this: it was good enough in ~1995. Frankly, it was awesome back then! But is it really still good enough in 2012?
Safari renders both sides as rgba(72, 72, 72, 1.0). I have no idea why. Perhaps (ironically) a dithering algorithm gone wrong. In chrome the divide is visible.
For a minute there I though I was blind. Kept staring with my nose touching the glass. But you can really tell the difference in Chrome.
I see banding in gradients quite often; more often in dynamic scenes in games than in more tightly designed static content online.
Of course much of the media we consume has quantized colour, streamed videos especially don't really stand up to any kind of close examination using today's displays, never mind futuristic ones. Banding from limited gamut is not the big problem here, there are much bigger elephants.
Oddly enough, I can see it in Chrome but not in Safari. I'm on OS X.
Possible I have the gradients defined in such a way that Safari doesn't render it. Safari is supposed to pick up on the -webkit-linear-gradient, right?
background-image: linear-gradient(to left, #484848, #494949); background-image: -moz-linear-gradient(right, #484848, #494949); background-image: -webkit-linear-gradient(right, #484848, #494949);
Try fiddling with your brightness/contrast settings.
Vertical line right in the middle. Like the OP said, once you see it you can't stop seeing it.