#AAAF3C - #FFE26A | colorate

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

Blend #AAAF3C to #FFE26A

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

RGB混合

#AAAF3C - #FFE26A | colorate

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

0.0%	0.0% #AAAF3C	RGB 170 175 60	#AAAF3C
16.7%	16.7% #B8B743	RGB 184 183 67	#B8B743
33.3%	33.3% #C6C04B	RGB 198 192 75	#C6C04B
50.0%	50.0% #D4C853	RGB 212 200 83	#D4C853
66.7%	66.7% #E2D15A	RGB 226 209 90	#E2D15A
83.3%	83.3% #F0D962	RGB 240 217 98	#F0D962
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#AAAF3C #B8B743 #C6C04B #D4C853 #E2D15A #F0D962 #FFE26A

#AAAF3C - #FFE26A

HSV混合

#AAAF3C - #FFE26A | colorate

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

0.0%	0.0% #AAAF3C	RGB 170 175 60	#AAAF3C
16.7%	16.7% #BBBC42	RGB 187 188 66	#BBBC42
33.3%	33.3% #C9C54A	RGB 201 197 74	#C9C54A
50.0%	50.0% #D7CC51	RGB 215 204 81	#D7CC51
66.7%	66.7% #E4D459	RGB 228 212 89	#E4D459
83.3%	83.3% #F1DB61	RGB 241 219 97	#F1DB61
100.0%	100.0% #FFE26A	RGB 255 226 106	#FFE26A

#AAAF3C #BBBC42 #C9C54A #D7CC51 #E4D459 #F1DB61 #FFE26A

#AAAF3C - #D7CC51 - #FFE26A

CSS代码

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

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