Assume that I have an A color with value 0xff0f0f and two basic black and white colors. How can I create quickly a swatch consists of all medium colors between white and A (lighter) and between A and black (darker)?

Edit: I'm practising some pixel-art shading, and I'd like to create a palette (or swatch) that consists of limited colors that differ from saturation = 0 to saturation = 1. For example:


1 Answer 1


In Photoshop:

  1. Draw a gradient with the end points you'd like.
  2. Use Filter → Pixelate → Mosaic to step the gradient.

Once you've done that, you can use the eyedropper tool to add the colours to a swatch, or just leave the bitmap layer handy and use it to sample the colours as you need them (the layer itself can be your swatch).

You may also find Window → Extensions → Kuler or kuler.adobe.com handy.

Or... you could use a vector gradient (to keep it editable), then convert the layer to a Smart Object, then apply Mosaic as a Smart Filter. Very similar to the first solution, but you can edit the colours and number of steps at any point.

In Illustrator:

You could use the blend tool to create the colour variations.

  1. Create two objects, one for each end of the gradient.
  2. Use a stepped blend between the two.
  3. Choose Object → Expand to turn the blend into editable objects.

Blend Tool

Or... you could use the Color Guide panel, which can give you tints and shades of any colour.

Or... you could even create a gradient and then use Object → Rasterize to convert the gradient into a coarse bitmap (you may have to use a really low PPI when converting). You can then use the eyedropper tool to select the colours.

Or... create a bitmap colour swatch in Photoshop, then paste that into Illustrator and use the eyedropper tool to choose them.

Lots of options.

  • Thanks a lot! Creating a bitmap layer is a good choice for Photoshop. In Illustrator, it's a bit disturbing because I can't create Mosaic effect.
    – wanting252
    Jul 23, 2012 at 5:42
  • Please see my edited answer. Illustrator can definitely do what you're after. The Color Guide panel could be just what you're after. Jul 23, 2012 at 7:06

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.