CSS 提供了許多控制顏色漸變的方法，其中一種是在上、中、下三個位置實現顏色漸變。

background: linear-gradient(to bottom, red, yellow, green);

上述代碼中，linear-gradient() 函數接受兩個參數，第一個參數指定顏色漸變的方向，第二個參數則指定漸變的顏色。to bottom 表示從上到下進行漸變，而 red、yellow、green 分別為上、中、下三個區域的顏色。

除了使用純色實現漸變之外，我們也可以使用 RGBA、HSL 或 HEX 等格式來定義顏色。例如：

background: linear-gradient(to bottom, rgba(255, 0, 0, 1), rgba(255, 255, 0, 1), rgba(0, 128, 0, 1));
background: linear-gradient(to bottom, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 25%));
background: linear-gradient(to bottom, #f00, #ff0, #008000);

上述代碼分別使用了 RGBA、HSL 和 HEX 格式定義了顏色，結果都是實現了上、中、下三個區域的顏色漸變。

可以看到，使用 CSS 控制顏色漸變非常靈活，我們可以根據自己的需求隨意定義漸變的方向和顏色。