HTML5提供了一種設置顏色漸變的方法，通過CSS的漸變屬性實現。CSS漸變屬性包括線性漸變（linear-gradient）和徑向漸變（radial-gradient）。

線性漸變：

background: linear-gradient(方向, 起始顏色, 結束顏色);

其中，方向可以是top（從上到下）、right（從右到左）、bottom（從下到上）或left（從左到右）。起始顏色和結束顏色可以使用顏色名稱、十六進制值或RGB值。

例如，設置從左到右的漸變：

background: linear-gradient(to right, red, blue);

徑向漸變：

background: radial-gradient(形狀大小位置, 起始顏色, 結束顏色);

其中，形狀可以是ellipse（橢圓形）或circle（圓形），大小位置可以使用半徑值或關鍵字（如closest-side、farthest-side）指定，起始顏色和結束顏色同樣可以使用顏色名稱、十六進制值或RGB值。

例如，設置從內到外的圓形漸變：

background: radial-gradient(circle at center, #ff0000, #0000ff);

通過設置漸變的起始顏色和結束顏色，可以實現更多變化豐富的漸變效果。