Question

I’m using google map to display historical events and would like to color the markers based on the decade an event occurs. The event are between 1800 and 2000 (so about 20 different decades). I’d like to scale scale from yellow to orange to red. Any ideas?

tldr = want to scale from yellow to red in 20 steps in web rgb

EDIT: dudes – this is what i’m doing after reading this: How to get hex color value rather than RGB value?

http://jsfiddle.net/p6ek6/3/

Answer 1

Use HSL instead, since you can simply adjust the first parameter H for the color. Something around 0 to 50 should give you a nice red-yellow gradient.

Red example: hsl(0, 100, 50%);

Yellow example: hsl(50, 100, 50%);