Sometimes you'd need middle colors between any 2 colors.

That's right.

If you're doing a design project, and your client has suggested 2 dominant colors to use, you'll look for some middle colors that go between the 2 main colors.

This you need for giving a sense of depth and variance in your project.

This is what you learn to do in this video lesson.

---

---

Video Transcript

Often, while designing, you’ll need what is called middle colors or blended colors between any 2 main colors of your choice.

Color Blender is an excellent tool for that. This nifty tool helps you get the middle colors easily.

http://meyerweb.com/eric/tools/color-blend/

It has a palette of 216 main colors to make your selection. When you hover on these small color squares, you can see the respective hexadecimal codes at the bottom left.

You can select the color format as hex or hexadecimal, RGB, and RGB%. RGB stands for red, green and blue, and the code gives numerical values of the 3 colors that are present in any color.

To begin, let me select the hexadecimal code. And now I will choose 2 colors – Color 1 and Color 2 – from this palette. Let me choose light pink for color 1….and a deep purple for color 2.

Let’s say I want 7 middle colors. And now, as I click the button Blend, the Color Blender tool promptly gives me 7 middle colors bounded by 2 main colors at the top and bottom.

What’s more I also get the hexadecimal codes for each color.

Let me try 5 middle colors. Here they are. What about 10 middle colors? Easy…as you can see.

Clicking the RGB tab reveals the RGB values for each color. Similarly, the RGB percentage tab gives those values as well.

Let me revert back to the hex codes.

The color blender tool has a unique advantage. You can use the tool offline. To do that let me open the source code, and copy the whole of it to the clipboard.

Let me now open Notepad that comes free with Windows OS, and paste the code here.

I have to save the file with html or htm extension.

Here is the color blender tool from my desktop. Since the tool is supported by Javascript, it works fine in my browser, even though I am working offline.

Well, as you can see, how a simple tool like Color Blender, can help obtain blended colors easily.

This lesson will end now. Hope you have enjoyed it.

Thanks for watching.