Wat ik probeer te maken is een tijds-indicator op basis van kleuren, nu wil ik zeg maar steeds een bepaalde periode opdelen in 4 kleuren van 1 hoofdkleur omdat je op die manier nog duidelijk de verlopen ziet.

Voorbeeld.
Het eerste verstreken uur - 60min. wil ik de kleur groen geven
- 0 - 15min. fel groen.
- 15 - 30min. iets lichter groen
- 30 - 45min. nog iets lichter groen
- 45 - 60min. heel erg lichtgroen

Voor uur nummer 2 wil ik een kleur nemen die na groen komt geel of oranje op precies dezelfde manier alleen kun je die beter op laten lopen, van licht-geel beginnen naar donkerder geel.

Nu heb ik dit staaltje gemaakt waar ik straks in mijn project de kleuren vanaf kan pakken, zoals je ziet zit ik bij de eerste 8 vakjes redelijk goed qua kleuren van groen -> richting geel - dat gaat lekker lekker lekker.
Alleen van geel -> naar Oranje gaat niet zo lekker omdat er veel minder oranje kleuren te vinden zijn dan bijv. van groen, de meeste oranje kleuren zijn licht-poep-bruin en daar kan ik niets mee.

Heeft iemand een idee hoe je dit beter kunt aanpakken, miss. zijn hier al staaltjes van gemaakt.

zoiets ?

http://members.ziggo.nl/bmdeboer/BASCOLO5/pages/rgb-kleurencirkel.html

Dankjewel daar ga ik al verder mee komen.

Als ik me niet vergis kun je in HTML 5 / CSS 3 simpel percentages van kleuren aangeven. Dan is de logica dus 20 - 40 - 60 - 80 - 100 percent. Per kleur dus.

Klopt je kunt met een opacity werken of direct in RGBa maar dat werkt alleen als de achtergrondkleur uit 1 vaste kleur bestaat.

80% groen op een grijzen achtergrond kleurt anders dan 80% van groen op een witte achtergrond.