Comment diviser les valeurs RVB pour la couleur de l'heure exacte?

Question

Pas le plus grand whiz en mathématiques ici ... avoir du mal à comprendre cela.

donc je reçois la clientèle heure de la journée en utilisant:

var clientdate = new Date();        
var clientTime = clientdate.getHours() + 1; 

Psuedo:

If clientTime() = 1, rgb should equal 55,91,128 
If clientTime() = 24, rgb should equal 0,30,61 

Ce que je suis en train de comprendre est comment obtenir les valeurs soient correctes si le temps est , par exemple, 14.

Ma théorie originale était la suivante:

1. Soustrayez la différence des valeurs RVB. Donc, ils seraient 55,61,67.
2. Divide clientTime par 24 (clientTime/24), multiple que par ma différence à l'étape 1.
3. étape Soustraire 2 à partir des valeurs RVB d'origine.

Voici le code:

var clientdate = new Date();        
var clientTime = clientdate.getHours() + 1; 



var r = 55; 
var g = 91; 
var b = 128; 
var rn = 0; 
var gn = 30; 
var bn = 61;  

var rt = (r-rn)*(clientTime/24); 
var gt = (g-gn)*(clientTime/24); 
var bt = (b-bn)*(clientTime/24); 

var rf = r-rt; 
var gf = g-gt; 
var bf = b-bt; 

Question

Comment puis-je obtenir des valeurs RVB entre 55,91,128 et 0,30,61 en fonction du moment de la journée. Est-ce que je l'ai fait correctement, et si oui, comment est-ce que je le fais plus concis?

Answer 1

Si vous voulez être compris des limites sur la couleur, puis changer clientTime à:

... et le changement rt, gt, et bt à:

var rt = (r-rn)*(clientTime/23.0); 
var gt = (g-gn)*(clientTime/23.0); 
var bt = (b-bn)*(clientTime/23.0);