#D9A8FF - #972ADB | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #D9A8FF to #972ADB

计算两种颜色#D9A8FF和#972ADB之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#D9A8FF - #972ADB | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#D9A8FF的两种颜色之间的颜色扩展为0％，将#972ADB扩展为100％。

0.0%	0.0% #D9A8FF	RGB 217 168 255	#D9A8FF
16.7%	16.7% #CE93F9	RGB 206 147 249	#CE93F9
33.3%	33.3% #C37EF3	RGB 195 126 243	#C37EF3
50.0%	50.0% #B869ED	RGB 184 105 237	#B869ED
66.7%	66.7% #AD54E7	RGB 173 84 231	#AD54E7
83.3%	83.3% #A23FE1	RGB 162 63 225	#A23FE1
100.0%	100.0% #972ADB	RGB 151 42 219	#972ADB

#D9A8FF #CE93F9 #C37EF3 #B869ED #AD54E7 #A23FE1 #972ADB

#D9A8FF - #972ADB

HSV混合

#D9A8FF - #972ADB | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#D9A8FF的两种颜色之间的颜色扩展为0％，将#972ADB扩展为100％。

0.0%	0.0% #D9A8FF	RGB 217 168 255	#D9A8FF
16.7%	16.7% #CC90F9	RGB 204 144 249	#CC90F9
33.3%	33.3% #C07AF3	RGB 192 122 243	#C07AF3
50.0%	50.0% #B564ED	RGB 181 100 237	#B564ED
66.7%	66.7% #AA50E7	RGB 170 80 231	#AA50E7
83.3%	83.3% #A03CE1	RGB 160 60 225	#A03CE1
100.0%	100.0% #972ADB	RGB 151 42 219	#972ADB

#D9A8FF #CC90F9 #C07AF3 #B564ED #AA50E7 #A03CE1 #972ADB

#D9A8FF - #B564ED - #972ADB

CSS代码

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #D9A8FF 0%, #972ADB 100%);
    background: -webkit-linear-gradient(top, #D9A8FF 0%, #972ADB 100%);
    background: linear-gradient(to bottom, #D9A8FF 0%, #972ADB 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9A8FF 0%, #B564ED 50%, #972ADB 100%);
    background: -webkit-linear-gradient(top, #D9A8FF 0%, #B564ED 50%, #972ADB 100%);
    background: linear-gradient(to bottom, #D9A8FF 0%, #B564ED 50%, #972ADB 100%);
}
</style>