#ECCCD1 - #BE7B88 | colorate

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

Blend #ECCCD1 to #BE7B88

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

RGB混合

#ECCCD1 - #BE7B88 | colorate

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

0.0%	0.0% #ECCCD1	RGB 236 204 209	#ECCCD1
16.7%	16.7% #E4BEC4	RGB 228 190 196	#E4BEC4
33.3%	33.3% #DCB1B8	RGB 220 177 184	#DCB1B8
50.0%	50.0% #D5A3AC	RGB 213 163 172	#D5A3AC
66.7%	66.7% #CD96A0	RGB 205 150 160	#CD96A0
83.3%	83.3% #C58894	RGB 197 136 148	#C58894
100.0%	100.0% #BE7B88	RGB 190 123 136	#BE7B88

#ECCCD1 #E4BEC4 #DCB1B8 #D5A3AC #CD96A0 #C58894 #BE7B88

#ECCCD1 - #BE7B88

HSV混合

#ECCCD1 - #BE7B88 | colorate

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

0.0%	0.0% #ECCCD1	RGB 236 204 209	#ECCCD1
16.7%	16.7% #E4BDC3	RGB 228 189 195	#E4BDC3
33.3%	33.3% #DCAEB6	RGB 220 174 182	#DCAEB6
50.0%	50.0% #D5A1AA	RGB 213 161 170	#D5A1AA
66.7%	66.7% #CD939E	RGB 205 147 158	#CD939E
83.3%	83.3% #C58792	RGB 197 135 146	#C58792
100.0%	100.0% #BE7B88	RGB 190 123 136	#BE7B88

#ECCCD1 #E4BDC3 #DCAEB6 #D5A1AA #CD939E #C58792 #BE7B88

#ECCCD1 - #D5A1AA - #BE7B88

CSS代码

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

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