How does one go about creating a VHS color picker shown below? I know it has to be a gradient around a circle, but then toward the center it gets lighter. The center is white.

enter image description here

P.S. I have looked at this previous question about it, but it is not the same:

How to draw a color wheel in illustrator?

  • How is this question any different than the previous question? They appear to be identical to me.
    – Scott
    Nov 22, 2017 at 3:07
  • @Scott After initially marking it as a duplicate I realized what was different. The white spot at the center...Another circle with a radial gradient.
    – Alin
    Nov 22, 2017 at 11:39

1 Answer 1


"...but then toward the center it gets lighter. The center is white"

It's the same thing as in the question/answer from your link. The only different thing about them is that white spot at the center.

So, follow all the steps from this answer (The one from your link).

And after that, create another circle on top and apply a white radial gradient from white > 100% Opacity to white > 0% Opacity then adjust to your needs.

enter image description here

The dark circle from my example is where the result from the linked answer goes.

  • Is there a way to do it on one step, instead of creating two gradients?
    – Dolan
    Nov 22, 2017 at 12:45
  • @Dolan It's easy enough as it is. You will always have to combine shapes and techniques to achieve different things. This is the fastest and easiest way.
    – Alin
    Nov 22, 2017 at 12:48
  • @Dolan this could be done with a gradient mesh, but it's much simpler to add the second gradient. Nov 22, 2017 at 14:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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