#E2DDBB - #C0AB67 | colorate

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

Blend #E2DDBB to #C0AB67

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

RGB混合

#E2DDBB - #C0AB67 | colorate

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

0.0%	0.0% #E2DDBB	RGB 226 221 187	#E2DDBB
16.7%	16.7% #DCD4AD	RGB 220 212 173	#DCD4AD
33.3%	33.3% #D6CC9F	RGB 214 204 159	#D6CC9F
50.0%	50.0% #D1C491	RGB 209 196 145	#D1C491
66.7%	66.7% #CBBB83	RGB 203 187 131	#CBBB83
83.3%	83.3% #C5B375	RGB 197 179 117	#C5B375
100.0%	100.0% #C0AB67	RGB 192 171 103	#C0AB67

#E2DDBB #DCD4AD #D6CC9F #D1C491 #CBBB83 #C5B375 #C0AB67

#E2DDBB - #C0AB67

HSV混合

#E2DDBB - #C0AB67 | colorate

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

0.0%	0.0% #E2DDBB	RGB 226 221 187	#E2DDBB
16.7%	16.7% #DCD5AB	RGB 220 213 171	#DCD5AB
33.3%	33.3% #D6CD9C	RGB 214 205 156	#D6CD9C
50.0%	50.0% #D1C48E	RGB 209 196 142	#D1C48E
66.7%	66.7% #CBBC80	RGB 203 188 128	#CBBC80
83.3%	83.3% #C5B373	RGB 197 179 115	#C5B373
100.0%	100.0% #C0AB67	RGB 192 171 103	#C0AB67

#E2DDBB #DCD5AB #D6CD9C #D1C48E #CBBC80 #C5B373 #C0AB67

#E2DDBB - #D1C48E - #C0AB67

CSS代码

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

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