Javascript 尝试使用长方体生成渐变

我需要知道如何为我的背景色指定一些可变参数
我正在尝试使用JavaScript，我想制作以下形状：

我知道参数， 我的方法是采用初始分割，在其上附加一个子分割，大小较小，背景颜色不同。。 但是，要使其正常工作，我需要使用以下命令：

box[i].style.backgroundColor=“rgb（255-10*i，255-10*i，255-10*i）”

这不起作用，我被告知rgb只接受整数参数，所以我尝试这样做：

color = 255-10*i;
box[i].style.backgroundColor = "rgb(color,color,color)";

这导致了同样的错误。。你知道怎么做吗？ 注意：1-我在for循环中使用该代码创建了20个不同颜色和大小的嵌套除法 2-我必须使用javascript来完成，既不使用html也不使用css文件，也不进行任何操作。。。 3-我需要它尽快（准备考试）

---

非常感谢您的帮助。

您需要将字符串与颜色值连接起来。现在，您正在制作一个包含单词color的字符串：

color = 255-10*i;
box[i].style.backgroundColor = "rgb(" + color + "," + color + "," + color + ")";

---

您正在将变量作为字符串传递

box[i].style.backgroundColor = "rgb(color,color,color)";

应该是

box[i].style.backgroundColor = "rgb("+color+","+color+","+color+")";