#ECDAE1 - #ECCDDB | colorate

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

Blend #ECDAE1 to #ECCDDB

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

RGB混合

#ECDAE1 - #ECCDDB | colorate

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

0.0%	0.0% #ECDAE1	RGB 236 218 225	#ECDAE1
16.7%	16.7% #ECD7E0	RGB 236 215 224	#ECD7E0
33.3%	33.3% #ECD5DF	RGB 236 213 223	#ECD5DF
50.0%	50.0% #ECD3DE	RGB 236 211 222	#ECD3DE
66.7%	66.7% #ECD1DD	RGB 236 209 221	#ECD1DD
83.3%	83.3% #ECCFDC	RGB 236 207 220	#ECCFDC
100.0%	100.0% #ECCDDB	RGB 236 205 219	#ECCDDB

#ECDAE1 #ECD7E0 #ECD5DF #ECD3DE #ECD1DD #ECCFDC #ECCDDB

#ECDAE1 - #ECCDDB

HSV混合

#ECDAE1 - #ECCDDB | colorate

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

0.0%	0.0% #ECDAE1	RGB 236 218 225	#ECDAE1
16.7%	16.7% #ECD7DF	RGB 236 215 223	#ECD7DF
33.3%	33.3% #ECD5DE	RGB 236 213 222	#ECD5DE
50.0%	50.0% #ECD3DD	RGB 236 211 221	#ECD3DD
66.7%	66.7% #ECD1DC	RGB 236 209 220	#ECD1DC
83.3%	83.3% #ECCFDB	RGB 236 207 219	#ECCFDB
100.0%	100.0% #ECCDDB	RGB 236 205 219	#ECCDDB

#ECDAE1 #ECD7DF #ECD5DE #ECD3DD #ECD1DC #ECCFDB #ECCDDB

#ECDAE1 - #ECD3DD - #ECCDDB

CSS代码

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

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