CSS是前端開發中不可或缺的技能，其中顏色遞減也是一個比較常見的需求。下面就來學習一下如何使用CSS來實現顏色遞減。

/* 定義顏色變量 */
:root {
--color-1: #FFB6C1;
--color-2: #FFC0CB;
--color-3: #FF69B4;
--color-4: #FF1493;
--color-5: #DB7093;
}
/* 使用顏色變量 */
div {
background: linear-gradient(var(--color-1), var(--color-2), var(--color-3), var(--color-4), var(--color-5));
}

上面的代碼中，我們首先使用了:root偽類來定義了5個顏色變量，分別對應不同的顏色。然后在實際使用的div樣式中，我們使用了linear-gradient函數來實現顏色遞減的效果，其中我們通過var()函數來使用之前定義的顏色變量。

如果需要遞減的顏色數量更多，我們可以繼續定義更多的顏色變量并在linear-gradient函數中調用即可。

總的來說，使用CSS來實現顏色遞減是比較簡單的，需要先定義好對應的顏色變量，然后在實際樣式中使用時調用即可。