Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Finding colour tones... WordPress


Hi Guys

Not strictly a WordPress question but I will be using the colours on a WordPress site so I'm hoping your will cut me some slack :)

My client wants a colour that is between these two shades



Does anyone know of a tool I can use to find that colour? Or even better provide the #hex of the colour that is right in the middle of these two.

Many thanks

Answers (8)


Francisco Javier Carazo Gil answers:

You can do it directly using this conversions:

Francisco Javier Carazo Gil comments:

This would be (using this:

#CB3500 in RGB: 203, 53, 0
#9C5708 in RGB: 156, 87, 8

Francisco Javier Carazo Gil comments:

The middle would be: (203+156)/2, (53+87)/2, (0+8)/2 = (180, 97,4)

In HEX: #B46104 using

Steve Watson comments:

Thanks Francisco. A little bit complicated for my little brain though. I have learnt something today from that though so thanks again :)


Arnav Joy answers:

Hi Steve ,

See this tool

Steve Watson comments:

The perfect tool, thanks


Michael Caputo answers:

Give this a try:

Michael Caputo comments:

Give this a try:


Agus Setiawan answers:

use photoshop, or see this table :


John Cotton answers:

This site is cool for discovering groups of colours:


Marko Nikolic answers:


try with thisone: #FB6704

that color should be between those two shades.



Martin Pham answers:

try this for best
[[LINK href=""]][[/LINK]]
[[LINK href=""]][[/LINK]]

or extension for chrome


Plugarized answers:

The most popular one is ColorZilla a chrome extension that has a eyedropper, you point it to anything on your site and it gives you the colour of that and it also generates a gradient between two colors.

This is the link

1. Eyedropper - get the color of any pixel on the page
2. An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
3. Webpage Color Analyzer - analyze DOM element colors on any Web page, locate corresponding elements
4. Ultimate CSS Gradient Generator
5. Palette Viewer with 7 pre-installed palettes
6. Color History of recently picked colors
7. Displays element information like tag name, class, id, size etc.
8. Outline elements under the cursor
9. Manipulate colors by their Red/Green/Blue or Hue/Saturations/Value components.
10. Auto copy the generated or sampled colors to the clipboard in CSS RGB, Hex and other formats.
11. Keyboard shortcuts for quickly sampling page colors using the keyboard.
12. Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel

<strong>Additional features</strong>

A. Single-click color picking - click on the main ColorZilla toolbar icon and you're ready to pick (currently only available on Windows).
B. Pick colors from Flash objects
C. Pick colors at any zoom level</blockquote>