#DAC3FF - #8C5ACE | colorate

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

Blend #DAC3FF to #8C5ACE

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

RGB混合

#DAC3FF - #8C5ACE | colorate

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

0.0%	0.0% #DAC3FF	RGB 218 195 255	#DAC3FF
16.7%	16.7% #CDB1F6	RGB 205 177 246	#CDB1F6
33.3%	33.3% #C0A0EE	RGB 192 160 238	#C0A0EE
50.0%	50.0% #B38EE6	RGB 179 142 230	#B38EE6
66.7%	66.7% #A67DDE	RGB 166 125 222	#A67DDE
83.3%	83.3% #996BD6	RGB 153 107 214	#996BD6
100.0%	100.0% #8C5ACE	RGB 140 90 206	#8C5ACE

#DAC3FF #CDB1F6 #C0A0EE #B38EE6 #A67DDE #996BD6 #8C5ACE

#DAC3FF - #8C5ACE

HSV混合

#DAC3FF - #8C5ACE | colorate

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

0.0%	0.0% #DAC3FF	RGB 218 195 255	#DAC3FF
16.7%	16.7% #CBAFF6	RGB 203 175 246	#CBAFF6
33.3%	33.3% #BD9CEE	RGB 189 156 238	#BD9CEE
50.0%	50.0% #AF8AE6	RGB 175 138 230	#AF8AE6
66.7%	66.7% #A379DE	RGB 163 121 222	#A379DE
83.3%	83.3% #9769D6	RGB 151 105 214	#9769D6
100.0%	100.0% #8C5ACE	RGB 140 90 206	#8C5ACE

#DAC3FF #CBAFF6 #BD9CEE #AF8AE6 #A379DE #9769D6 #8C5ACE

#DAC3FF - #AF8AE6 - #8C5ACE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DAC3FF 0%, #AF8AE6 50%, #8C5ACE 100%);
    background: -webkit-linear-gradient(top, #DAC3FF 0%, #AF8AE6 50%, #8C5ACE 100%);
    background: linear-gradient(to bottom, #DAC3FF 0%, #AF8AE6 50%, #8C5ACE 100%);
}
</style>