#E5E2CF - #C2B17E | colorate

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

Blend #E5E2CF to #C2B17E

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

RGB混合

#E5E2CF - #C2B17E | colorate

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

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #DFD9C1	RGB 223 217 193	#DFD9C1
33.3%	33.3% #D9D1B4	RGB 217 209 180	#D9D1B4
50.0%	50.0% #D3C9A6	RGB 211 201 166	#D3C9A6
66.7%	66.7% #CDC199	RGB 205 193 153	#CDC199
83.3%	83.3% #C7B98B	RGB 199 185 139	#C7B98B
100.0%	100.0% #C2B17E	RGB 194 177 126	#C2B17E

#E5E2CF #DFD9C1 #D9D1B4 #D3C9A6 #CDC199 #C7B98B #C2B17E

#E5E2CF - #C2B17E

HSV混合

#E5E2CF - #C2B17E | colorate

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

0.0%	0.0% #E5E2CF	RGB 229 226 207	#E5E2CF
16.7%	16.7% #DFDAC0	RGB 223 218 192	#DFDAC0
33.3%	33.3% #D9D2B2	RGB 217 210 178	#D9D2B2
50.0%	50.0% #D3CAA4	RGB 211 202 164	#D3CAA4
66.7%	66.7% #CDC297	RGB 205 194 151	#CDC297
83.3%	83.3% #C7B98A	RGB 199 185 138	#C7B98A
100.0%	100.0% #C2B17E	RGB 194 177 126	#C2B17E

#E5E2CF #DFDAC0 #D9D2B2 #D3CAA4 #CDC297 #C7B98A #C2B17E

#E5E2CF - #D3CAA4 - #C2B17E

CSS代码

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

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