指定一系列随位置而变的颜色 来自维基百科，自由的百科全书
颜色渐变（有时也叫颜色带）是指一定范围的随之位置而变的颜色，通常用于填充某一个区域。[1]渐变产生的颜色随位置连续变化，产生平滑的颜色过渡。
在网页设计中，渐变可以依其形状可以分为线性渐变、径向渐变和锥形渐变，每个渐变由多个色标组成，各个色标都有各自的颜色（含不透明度）和位置。渐变在色标之间进行平滑颜色过渡，因此还需要指定颜色的插值方式。
在数学中，渐变可以以函数的形式表示[2]，其中r是实数，c中色彩空间中的一个点。
其中：
其中：
渐变可以按照不同的分类标准进行分类。例如，根据维度来划分，渐变可以是一维、二维或者三维的。而根据形状划分，渐变可以是线性渐变、径向渐变和锥形渐变，甚至是其他一系列形状的渐变。此外，不同的渐变还可以有不同的颜色深度和颜色插值模式。
线性渐变（英语：linear gradient），有时也称为轴向渐变（英语：axial color gradient），是指沿着一个直线进行过渡的渐变。在数字图像系统中，颜色通常都是以RGB色彩空间进行插值的。CSS和SVG都支持线性渐变[3][4]。
径向渐变（英语：radial gradient）是指依照圆形由中心到边缘进行过渡的渐变，其颜色根据距离中心的位置进行线性插值。CSS和SVG都支持径向渐变。在CSS和SVG中，径向渐变可以是圆形，也可以是椭圆[5][6]。
锥形渐变（英语：conic gradient或conical gradient），是指颜色围绕一个中心点进行旋转的渐变。锥形渐变的例子包括饼图和色轮[7]。
在矢量图形中，可以使用多边形的渐变，例如在Adobe Illustrator中支持多边形网格（英语：polygon mesh）。
渐变的外观不仅取决于颜色本身，还会受到颜色空间的计算方式的影响，这一问题主要影响以下两个方面：
长期以来，线性的混合方式是游戏引擎的标准[11]。而在网页中，混合方式往往会在颜色渐变和图像缩放中忽略[12]。这种混合与在感知均匀的颜色空间中进行的混合仍然有细微差别[13]。
.png)
Seamless Wikipedia browsing. On steroids.
![{\displaystyle f:[r_{min},r_{max}]\subset \mathbf {R} \to C}](http://wikimedia.org/api/rest_v1/media/math/render/svg/939c23ad8207a22df4082aaa7b1241df8658e458)
![{\displaystyle r_{0}<...<r_{m}\in [r_{min},r_{max}]}](http://wikimedia.org/api/rest_v1/media/math/render/svg/fbaaac8bb545249017c08623c825bc36c32057eb)
![{\displaystyle r_{i-1}<r<r_{i}\in [r_{min},r_{max}]}](http://wikimedia.org/api/rest_v1/media/math/render/svg/8b9eb5bd882cef3dbcad45dfb57cf4511b7de71d)
![{\displaystyle r\in [r_{min},r_{max}]\subset \mathbf {R} }](http://wikimedia.org/api/rest_v1/media/math/render/svg/da9365f1065d650ace089aae056b0a8496ea1fd3)
