Html 如何使用css属性线性渐变逐渐改变颜色从红色到黄色到绿色？

我想用html和css创建一个图例，其中包含从绿色到黄色再到红色的颜色渐变。我尝试过使用css的线性渐变特性。然而，到目前为止，我得到的信息如下：

#颜色范围{
高度：280px；
宽度：40px；
背景：线性梯度（至顶部，#DAECB8 0%，#E33127 100%）；
}

---

只需更改：
背景：线性渐变（到顶部，#DAECB8 0%，#E33127 100%）

至：
背景：线性渐变（红色、黄色、绿色）

您还可以将其更改为：
线性渐变（顶部、绿色、黄色、红色）
但我认为没有必要将
排在首位


#颜色范围{
高度：280px；
宽度：40px；
背景：线性梯度（红色、黄色、绿色）；
}
只需更改：
背景：线性渐变（到顶部，#DAECB8 0%，#E33127 100%）

至：
背景：线性渐变（红色、黄色、绿色）

您还可以将其更改为：
线性渐变（顶部、绿色、黄色、红色）
但我认为没有必要将
排在首位


#颜色范围{
高度：280px；
宽度：40px；
背景：线性梯度（红色、黄色、绿色）；
}
您可以试试这个

#color_range{
  height:280px;
  width:40px
  background:linear-gradient(red,yellow,green);
}

您也可以使用这些颜色的颜色代码。
您可以试试这个

#color_range{
  height:280px;
  width:40px
  background:linear-gradient(red,yellow,green);
}

也可以使用这些颜色的颜色代码