CSS是前端開發中常用的一種樣式語言，用于美化和布局網頁。其中，顏色漸變是一個非常常見和重要的效果。那么，如何用CSS編寫顏色漸變呢？

.gradient {
background: linear-gradient(to right, #ff9a9e, #fad0c4); 
/*漸變方向為從左到右，起始顏色為#ff9a9e，結束顏色為#fad0c4*/
}

如上所示，我們可以在樣式中使用linear-gradient函數實現顏色漸變。其中，to right代表漸變方向為從左到右，也可以是其他方向的關鍵詞，如to top、to bottom等。#ff9a9e和#fad0c4分別代表起始顏色和結束顏色，我們可以根據需要替換成其他顏色代碼。此外，我們還可以在顏色之間使用逗號，并設置各自的占比，實現更多復雜的漸變效果。

除了使用linear-gradient函數，我們還可以使用radial-gradient函數實現徑向漸變。下面是一個示例代碼：

.gradient {
background: radial-gradient(circle, #e66465, #9198e5);
/*漸變方向為圓形，起始顏色為#e66465，結束顏色為#9198e5*/
}

如上所示，在radial-gradient函數中，我們需要指定漸變的形狀。這里使用circle代表漸變方向為圓形，也可以替換成其它形狀。同樣，#e66465和#9198e5代表起始和結束顏色。

總之，CSS提供了多種方式實現顏色漸變效果，我們可以根據具體需求來選擇合適的方法，并在實踐中不斷嘗試和創新，創造出更多漂亮的漸變效果。