#CFC3E5 - #8D70CD | colorate

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

Blend #CFC3E5 to #8D70CD

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

RGB混合

#CFC3E5 - #8D70CD | colorate

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

0.0%	0.0% #CFC3E5	RGB 207 195 229	#CFC3E5
16.7%	16.7% #C4B5E1	RGB 196 181 225	#C4B5E1
33.3%	33.3% #B9A7DD	RGB 185 167 221	#B9A7DD
50.0%	50.0% #AE99D9	RGB 174 153 217	#AE99D9
66.7%	66.7% #A38BD5	RGB 163 139 213	#A38BD5
83.3%	83.3% #987DD1	RGB 152 125 209	#987DD1
100.0%	100.0% #8D70CD	RGB 141 112 205	#8D70CD

#CFC3E5 #C4B5E1 #B9A7DD #AE99D9 #A38BD5 #987DD1 #8D70CD

#CFC3E5 - #8D70CD

HSV混合

#CFC3E5 - #8D70CD | colorate

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

0.0%	0.0% #CFC3E5	RGB 207 195 229	#CFC3E5
16.7%	16.7% #C3B4E1	RGB 195 180 225	#C3B4E1
33.3%	33.3% #B8A5DD	RGB 184 165 221	#B8A5DD
50.0%	50.0% #AD97D9	RGB 173 151 217	#AD97D9
66.7%	66.7% #A28AD5	RGB 162 138 213	#A28AD5
83.3%	83.3% #977CD1	RGB 151 124 209	#977CD1
100.0%	100.0% #8D70CD	RGB 141 112 205	#8D70CD

#CFC3E5 #C3B4E1 #B8A5DD #AD97D9 #A28AD5 #977CD1 #8D70CD

#CFC3E5 - #AD97D9 - #8D70CD

CSS代码

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

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