#ECB6D4 - #CCC7E8 | colorate

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

Blend #ECB6D4 to #CCC7E8

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

RGB混合

#ECB6D4 - #CCC7E8 | colorate

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

0.0%	0.0% #ECB6D4	RGB 236 182 212	#ECB6D4
16.7%	16.7% #E6B8D7	RGB 230 184 215	#E6B8D7
33.3%	33.3% #E1BBDA	RGB 225 187 218	#E1BBDA
50.0%	50.0% #DCBEDE	RGB 220 190 222	#DCBEDE
66.7%	66.7% #D6C1E1	RGB 214 193 225	#D6C1E1
83.3%	83.3% #D1C4E4	RGB 209 196 228	#D1C4E4
100.0%	100.0% #CCC7E8	RGB 204 199 232	#CCC7E8

#ECB6D4 #E6B8D7 #E1BBDA #DCBEDE #D6C1E1 #D1C4E4 #CCC7E8

#ECB6D4 - #CCC7E8

HSV混合

#ECB6D4 - #CCC7E8 | colorate

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

0.0%	0.0% #ECB6D4	RGB 236 182 212	#ECB6D4
16.7%	16.7% #EBB8DF	RGB 235 184 223	#EBB8DF
33.3%	33.3% #EABBEA	RGB 234 187 234	#EABBEA
50.0%	50.0% #E1BEEA	RGB 225 190 234	#E1BEEA
66.7%	66.7% #D8C1E9	RGB 216 193 233	#D8C1E9
83.3%	83.3% #D1C4E8	RGB 209 196 232	#D1C4E8
100.0%	100.0% #CCC7E8	RGB 204 199 232	#CCC7E8

#ECB6D4 #EBB8DF #EABBEA #E1BEEA #D8C1E9 #D1C4E8 #CCC7E8

#ECB6D4 - #E1BEEA - #CCC7E8

CSS代码

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

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