javascript - 如何划分 RGB 值以获得正确的时间颜色？

Question

不是这里最大的数学奇才……很难弄清楚这一点。

所以我让客户使用以下时间:

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

伪:

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

我想弄清楚的是，如果时间是 14 点，如何使值正确。

我最初的理论是这样的:

1. 从 RGB 值中减去差异。所以他们应该是 55,61,67。
2. 将 clientTime 除以 24(clientTime/24)，乘以我在第 1 步的不同之处。
3. 从原始 RGB 值中减去第 2 步。

代码如下:

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;

问题

如何根据一天中的时间获得介于 55,91,128 和 0,30,61 之间的 RGB 值。

我这样做是否正确？如果正确，我该如何做得更简洁？

Answer 1

如果你想包含颜色的边界，那么将 clientTime 更改为:

clientdate.getHours();

...并将 rt、gt 和 bt 更改为:

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