Super User is a question and answer site for computer enthusiasts and power users. 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've got a colour scheme based on this link

I need a total of 6 colours divided into 2 groups based on just two of the outlined colours below. Apologies in advanced as I have no idea on the technical terms relating to colour/shade/hue etc.

Group 1

1st colour = #FFFF8683
2nd colour = ?lighter
3rd colour = ?lightest

Group 2

1st colour = #FF7BEF82
2nd colour = ?lighter
3rd colour = ?lightest

enter image description here

How can I calculate the Hex values so that the 2nd and 3rd colour of each group are the same shade as the 1st but lighter, with 2nd colour being lighter than 1st and 3rd colour being lighter than 2nd?

Essentially I want to create lighter shades of the same colour but equal distance apart? (Currently don't know distance apart)

share|improve this question

closed as off-topic by Nifle, BloodPhilia, Ƭᴇcʜιᴇ007, teylyn, Michael Kjörling Jul 19 '13 at 13:58

This question appears to be off-topic. The users who voted to close gave these specific reasons:

  • "This question is not about computer hardware or software, within the scope defined in the help center." – teylyn, Michael Kjörling
  • "This question does not appear to be about computer software or computer hardware within the scope defined in the help center." – Nifle, BloodPhilia, Ƭᴇcʜιᴇ007
If this question can be reworded to fit the rules in the help center, please edit the question.

up vote 1 down vote accepted

You don't mention the software available to you to choose the colors. You are dealing with RGB color now, but two color models that would make this more intuitive for you are HSL and LAB.

One might select a hex color (RGB color model) using a tool that can convert between color models, and then specify a specific lightness adjustment (basically the L in HSL and LAB), and then reference the resultant RGB hex code(s) for the lighter shade(s). So you can decide that you want all colors to be 1.2x lighter than the previous one, you just take the L value and multiply by 1.2.

Not all color models support the same color ranges however, so you might have color shifts when converting between models. In fact you can count on it.

share|improve this answer
If you don't feel this is the right approach, perhaps the terms used might help you refine your search – horatio Sep 4 '12 at 17:51
Excellent - thank you. I've managed to find this site, based on suggested keywords, which has exactly what I need. – user3357963 Sep 4 '12 at 18:56

Not the answer you're looking for? Browse other questions tagged .