#E3E5A3 - #AEBA4D | colorate

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

Blend #E3E5A3 to #AEBA4D

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

RGB混合

#E3E5A3 - #AEBA4D | colorate

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

0.0%	0.0% #E3E5A3	RGB 227 229 163	#E3E5A3
16.7%	16.7% #DADD94	RGB 218 221 148	#DADD94
33.3%	33.3% #D1D686	RGB 209 214 134	#D1D686
50.0%	50.0% #C8CF78	RGB 200 207 120	#C8CF78
66.7%	66.7% #BFC869	RGB 191 200 105	#BFC869
83.3%	83.3% #B6C15B	RGB 182 193 91	#B6C15B
100.0%	100.0% #AEBA4D	RGB 174 186 77	#AEBA4D

#E3E5A3 #DADD94 #D1D686 #C8CF78 #BFC869 #B6C15B #AEBA4D

#E3E5A3 - #AEBA4D

HSV混合

#E3E5A3 - #AEBA4D | colorate

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

0.0%	0.0% #E3E5A3	RGB 227 229 163	#E3E5A3
16.7%	16.7% #DADD92	RGB 218 221 146	#DADD92
33.3%	33.3% #D1D683	RGB 209 214 131	#D1D683
50.0%	50.0% #C9CF74	RGB 201 207 116	#C9CF74
66.7%	66.7% #C0C866	RGB 192 200 102	#C0C866
83.3%	83.3% #B7C159	RGB 183 193 89	#B7C159
100.0%	100.0% #AEBA4D	RGB 174 186 77	#AEBA4D

#E3E5A3 #DADD92 #D1D683 #C9CF74 #C0C866 #B7C159 #AEBA4D

#E3E5A3 - #C9CF74 - #AEBA4D

CSS代码

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

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