我需要根据变量的属性值设置其不同的颜色，通过RGB控制颜色，颜色是由蓝，绿，黄，红平滑渐变的，哪位大侠能告诉我该如何实现？

感谢。问题已经解决了。
不过斑竹的回答倒是让我长见识了，只是不知道能不能实现这样 的渐变效果？

不一样吧，色谱范围不懂得怎么控制。
我需要的是根据不同的属性，通过循环画多个箭头，属性值越大就越趋向于暖色调。最后用下面的代码实现了

for循环中：                       
                        var speed = arrList1[i][j];
                        var col, r, g, b;
                        if (speed > 2 && speed < 8) {
                            col = speed - 3;
                            r = 0;
                            g = Math.round(col * 51);
                            b = 255;
                        }
                        else if (speed >= 8 && speed < 13) {
                            col = speed - 8;
                            r = 0;
                            g = 255;
                            b = Math.round(255 - col * 51);
                        }
                        else if (speed >= 13 && speed < 18) {
                            col = speed - 13;
                            r = Math.round(col * 51);
                            g = 255;
                            b = 0;
                        }
                        else if (speed >= 18 && speed < 23) {
                            col = speed - 18;
                            r = 255;
                            g = Math.round(255 - col * 51);
                            b = 0;
                        }
                        else {
                            r = 255;
                            g = 0;
                            b = 0;
                        }

r,g,b作为参数传进去分别作为RGB( R,G,B)的变量
不知道还有没有什么简单方法。。。