#E5E4AD - #AEBA41 | colorate

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

Blend #E5E4AD to #AEBA41

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

RGB混合

#E5E4AD - #AEBA41 | colorate

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

0.0%	0.0% #E5E4AD	RGB 229 228 173	#E5E4AD
16.7%	16.7% #DBDD9B	RGB 219 221 155	#DBDD9B
33.3%	33.3% #D2D689	RGB 210 214 137	#D2D689
50.0%	50.0% #C9CF77	RGB 201 207 119	#C9CF77
66.7%	66.7% #C0C865	RGB 192 200 101	#C0C865
83.3%	83.3% #B7C153	RGB 183 193 83	#B7C153
100.0%	100.0% #AEBA41	RGB 174 186 65	#AEBA41

#E5E4AD #DBDD9B #D2D689 #C9CF77 #C0C865 #B7C153 #AEBA41

#E5E4AD - #AEBA41

HSV混合

#E5E4AD - #AEBA41 | colorate

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

0.0%	0.0% #E5E4AD	RGB 229 228 173	#E5E4AD
16.7%	16.7% #DDDD98	RGB 221 221 152	#DDDD98
33.3%	33.3% #D4D685	RGB 212 214 133	#D4D685
50.0%	50.0% #CBCF72	RGB 203 207 114	#CBCF72
66.7%	66.7% #C2C861	RGB 194 200 97	#C2C861
83.3%	83.3% #B8C150	RGB 184 193 80	#B8C150
100.0%	100.0% #AEBA41	RGB 174 186 65	#AEBA41

#E5E4AD #DDDD98 #D4D685 #CBCF72 #C2C861 #B8C150 #AEBA41

#E5E4AD - #CBCF72 - #AEBA41

CSS代码

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

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