#ECE4E5 - #C09898 | colorate

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

Blend #ECE4E5 to #C09898

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

RGB混合

#ECE4E5 - #C09898 | colorate

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

0.0%	0.0% #ECE4E5	RGB 236 228 229	#ECE4E5
16.7%	16.7% #E4D7D8	RGB 228 215 216	#E4D7D8
33.3%	33.3% #DDCACB	RGB 221 202 203	#DDCACB
50.0%	50.0% #D6BEBE	RGB 214 190 190	#D6BEBE
66.7%	66.7% #CEB1B1	RGB 206 177 177	#CEB1B1
83.3%	83.3% #C7A4A4	RGB 199 164 164	#C7A4A4
100.0%	100.0% #C09898	RGB 192 152 152	#C09898

#ECE4E5 #E4D7D8 #DDCACB #D6BEBE #CEB1B1 #C7A4A4 #C09898

#ECE4E5 - #C09898

HSV混合

#ECE4E5 - #C09898 | colorate

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

0.0%	0.0% #ECE4E5	RGB 236 228 229	#ECE4E5
16.7%	16.7% #E4D6D7	RGB 228 214 215	#E4D6D7
33.3%	33.3% #DDC8CA	RGB 221 200 202	#DDC8CA
50.0%	50.0% #D6BCBD	RGB 214 188 189	#D6BCBD
66.7%	66.7% #CEAFB0	RGB 206 175 176	#CEAFB0
83.3%	83.3% #C7A3A4	RGB 199 163 164	#C7A3A4
100.0%	100.0% #C09898	RGB 192 152 152	#C09898

#ECE4E5 #E4D6D7 #DDC8CA #D6BCBD #CEAFB0 #C7A3A4 #C09898

#ECE4E5 - #D6BCBD - #C09898

CSS代码

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

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