#CCC2D3 - #7E6B8F | colorate

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

Blend #CCC2D3 to #7E6B8F

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

RGB混合

#CCC2D3 - #7E6B8F | colorate

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

0.0%	0.0% #CCC2D3	RGB 204 194 211	#CCC2D3
16.7%	16.7% #BFB3C7	RGB 191 179 199	#BFB3C7
33.3%	33.3% #B2A5BC	RGB 178 165 188	#B2A5BC
50.0%	50.0% #A596B1	RGB 165 150 177	#A596B1
66.7%	66.7% #9888A5	RGB 152 136 165	#9888A5
83.3%	83.3% #8B799A	RGB 139 121 154	#8B799A
100.0%	100.0% #7E6B8F	RGB 126 107 143	#7E6B8F

#CCC2D3 #BFB3C7 #B2A5BC #A596B1 #9888A5 #8B799A #7E6B8F

#CCC2D3 - #7E6B8F

HSV混合

#CCC2D3 - #7E6B8F | colorate

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

0.0%	0.0% #CCC2D3	RGB 204 194 211	#CCC2D3
16.7%	16.7% #BEB1C7	RGB 190 177 199	#BEB1C7
33.3%	33.3% #B1A2BC	RGB 177 162 188	#B1A2BC
50.0%	50.0% #A493B1	RGB 164 147 177	#A493B1
66.7%	66.7% #9785A5	RGB 151 133 165	#9785A5
83.3%	83.3% #8A779A	RGB 138 119 154	#8A779A
100.0%	100.0% #7E6B8F	RGB 126 107 143	#7E6B8F

#CCC2D3 #BEB1C7 #B1A2BC #A493B1 #9785A5 #8A779A #7E6B8F

#CCC2D3 - #A493B1 - #7E6B8F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC2D3 0%, #A493B1 50%, #7E6B8F 100%);
    background: -webkit-linear-gradient(top, #CCC2D3 0%, #A493B1 50%, #7E6B8F 100%);
    background: linear-gradient(to bottom, #CCC2D3 0%, #A493B1 50%, #7E6B8F 100%);
}
</style>