#AECE5A - #FFEF87 | colorate

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

Blend #AECE5A to #FFEF87

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

RGB混合

#AECE5A - #FFEF87 | colorate

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

0.0%	0.0% #AECE5A	RGB 174 206 90	#AECE5A
16.7%	16.7% #BBD361	RGB 187 211 97	#BBD361
33.3%	33.3% #C9D969	RGB 201 217 105	#C9D969
50.0%	50.0% #D6DE70	RGB 214 222 112	#D6DE70
66.7%	66.7% #E4E478	RGB 228 228 120	#E4E478
83.3%	83.3% #F1E97F	RGB 241 233 127	#F1E97F
100.0%	100.0% #FFEF87	RGB 255 239 135	#FFEF87

#AECE5A #BBD361 #C9D969 #D6DE70 #E4E478 #F1E97F #FFEF87

#AECE5A - #FFEF87

HSV混合

#AECE5A - #FFEF87 | colorate

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

0.0%	0.0% #AECE5A	RGB 174 206 90	#AECE5A
16.7%	16.7% #BDD660	RGB 189 214 96	#BDD660
33.3%	33.3% #CDDE67	RGB 205 222 103	#CDDE67
50.0%	50.0% #DEE66F	RGB 222 230 111	#DEE66F
66.7%	66.7% #EEEE76	RGB 238 238 118	#EEEE76
83.3%	83.3% #F6EF7E	RGB 246 239 126	#F6EF7E
100.0%	100.0% #FFEF87	RGB 255 239 135	#FFEF87

#AECE5A #BDD660 #CDDE67 #DEE66F #EEEE76 #F6EF7E #FFEF87

#AECE5A - #DEE66F - #FFEF87

CSS代码

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

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