#ECE6C9 - #CDB776 | colorate

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

Blend #ECE6C9 to #CDB776

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

RGB混合

#ECE6C9 - #CDB776 | colorate

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

0.0%	0.0% #ECE6C9	RGB 236 230 201	#ECE6C9
16.7%	16.7% #E6DEBB	RGB 230 222 187	#E6DEBB
33.3%	33.3% #E1D6AD	RGB 225 214 173	#E1D6AD
50.0%	50.0% #DCCE9F	RGB 220 206 159	#DCCE9F
66.7%	66.7% #D7C691	RGB 215 198 145	#D7C691
83.3%	83.3% #D2BE83	RGB 210 190 131	#D2BE83
100.0%	100.0% #CDB776	RGB 205 183 118	#CDB776

#ECE6C9 #E6DEBB #E1D6AD #DCCE9F #D7C691 #D2BE83 #CDB776

#ECE6C9 - #CDB776

HSV混合

#ECE6C9 - #CDB776 | colorate

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

0.0%	0.0% #ECE6C9	RGB 236 230 201	#ECE6C9
16.7%	16.7% #E6DEB9	RGB 230 222 185	#E6DEB9
33.3%	33.3% #E1D6AB	RGB 225 214 171	#E1D6AB
50.0%	50.0% #DCCF9D	RGB 220 207 157	#DCCF9D
66.7%	66.7% #D7C78F	RGB 215 199 143	#D7C78F
83.3%	83.3% #D2BF82	RGB 210 191 130	#D2BF82
100.0%	100.0% #CDB776	RGB 205 183 118	#CDB776

#ECE6C9 #E6DEB9 #E1D6AB #DCCF9D #D7C78F #D2BF82 #CDB776

#ECE6C9 - #DCCF9D - #CDB776

CSS代码

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

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