コンピュータグラフィックスでは、カラーグラデーション（カラーランプまたはカラープログレッションと呼ばれることもあります）は、通常は領域を塗りつぶすために使用される一連の位置依存カラーを指定します。たとえば、多くのウィンドウマネージャでは、画面の背景をグラデーションとして指定できます。勾配によって生成される色は、位置によって連続的に変化し、滑らかな色遷移を生成する。

軸方向の勾配
軸方向の色勾配（線形勾配とも呼ばれる）は、2つの点と各点の色によって指定されます。これらの点を通る線に沿った色は、線形補間を使用して計算され、その線に対して垂直に延長されます。デジタル画像システムでは、色は通常、線形ではなくガンマ圧縮されたRGBカラー値を使用して、RGB色空間で補間されます。 CSSとSVGはどちらも線形グラデーションをサポートしています。

放射グラジエント

放射状の色勾配
放射グラデーションは、エッジに1色、中央に1色の円として指定されます。色は、中心からの距離に基づく線形補間によって計算されます。これは、球による点光源からの光の乱反射を近似するために使用することができます。 CSSとSVGの両方が放射状の勾配をサポートしています。

他の形
特殊な場合には、ポリゴンまたは他の形状の半径で3色のうちの2色を取り、半径の内側に向かって異なる色、好ましくは4色の様相を忘れない色勾配をつかむことが適切な場合もありますあるいは、複数の色勾配を組み合わせることによって、そのような勾配を除去することができ、軸勾配の対の間の境界を決定するために使用される多角形の直線骨格とすることができる。

ベクトルグラフィックスでは、例えばAdobe Illustratorでサポートされるグラジエントメッシュのようなポリゴンメッシュを使用することができる。