#CCC5E4 - #8366A7 | colorate

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

Blend #CCC5E4 to #8366A7

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

RGB混合

#CCC5E4 - #8366A7 | colorate

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

0.0%	0.0% #CCC5E4	RGB 204 197 228	#CCC5E4
16.7%	16.7% #BFB5D9	RGB 191 181 217	#BFB5D9
33.3%	33.3% #B3A5CF	RGB 179 165 207	#B3A5CF
50.0%	50.0% #A795C5	RGB 167 149 197	#A795C5
66.7%	66.7% #9B85BB	RGB 155 133 187	#9B85BB
83.3%	83.3% #8F75B1	RGB 143 117 177	#8F75B1
100.0%	100.0% #8366A7	RGB 131 102 167	#8366A7

#CCC5E4 #BFB5D9 #B3A5CF #A795C5 #9B85BB #8F75B1 #8366A7

#CCC5E4 - #8366A7

HSV混合

#CCC5E4 - #8366A7 | colorate

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

0.0%	0.0% #CCC5E4	RGB 204 197 228	#CCC5E4
16.7%	16.7% #BDB3D9	RGB 189 179 217	#BDB3D9
33.3%	33.3% #AFA1CF	RGB 175 161 207	#AFA1CF
50.0%	50.0% #A391C5	RGB 163 145 197	#A391C5
66.7%	66.7% #9782BB	RGB 151 130 187	#9782BB
83.3%	83.3% #8C73B1	RGB 140 115 177	#8C73B1
100.0%	100.0% #8366A7	RGB 131 102 167	#8366A7

#CCC5E4 #BDB3D9 #AFA1CF #A391C5 #9782BB #8C73B1 #8366A7

#CCC5E4 - #A391C5 - #8366A7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC5E4 0%, #A391C5 50%, #8366A7 100%);
    background: -webkit-linear-gradient(top, #CCC5E4 0%, #A391C5 50%, #8366A7 100%);
    background: linear-gradient(to bottom, #CCC5E4 0%, #A391C5 50%, #8366A7 100%);
}
</style>