Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I saw a similar question has been asked but did not have a good answer. I want to recreate the gradient on the screenshot I attached. I couldn't figure out this hard gradient effect.

Gradient example

I have tried doing the hard gradient using an angle gradient but there was no fade between the white and the grey. I ended up just duplicating the white cell transforming the height to half the white cell and putting a grey to white gradient on the half cell. This gave me a hard gradient with a slight fade.

share|improve this question

If you look at the default Photoshop gradients, you will see one with blue and yellowish tones. You can probably use this gradient (changing the colors), or create a new one that imitates the color stops:

enter image description here

It's actually 2 or 3 gradients in one, 4 or 5 color stops. So your result would look something like this:

enter image description here

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.