#E5E10F - #B9A00C | colorate

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

Blend #E5E10F to #B9A00C

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

RGB混合

#E5E10F - #B9A00C | colorate

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

0.0%	0.0% #E5E10F	RGB 229 225 15	#E5E10F
16.7%	16.7% #DDD60E	RGB 221 214 14	#DDD60E
33.3%	33.3% #D6CB0E	RGB 214 203 14	#D6CB0E
50.0%	50.0% #CFC00D	RGB 207 192 13	#CFC00D
66.7%	66.7% #C7B50D	RGB 199 181 13	#C7B50D
83.3%	83.3% #C0AA0C	RGB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RGB 185 160 12	#B9A00C

#E5E10F #DDD60E #D6CB0E #CFC00D #C7B50D #C0AA0C #B9A00C

#E5E10F - #B9A00C

HSV混合

#E5E10F - #B9A00C | colorate

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

0.0%	0.0% #E5E10E	RGB 229 225 14	#E5E10E
16.7%	16.7% #DDD50E	RGB 221 213 14	#DDD50E
33.3%	33.3% #D6CA0D	RGB 214 202 13	#D6CA0D
50.0%	50.0% #CFBF0D	RGB 207 191 13	#CFBF0D
66.7%	66.7% #C7B40C	RGB 199 180 12	#C7B40C
83.3%	83.3% #C0AA0C	RGB 192 170 12	#C0AA0C
100.0%	100.0% #B9A00C	RGB 185 160 12	#B9A00C

#E5E10E #DDD50E #D6CA0D #CFBF0D #C7B40C #C0AA0C #B9A00C

#E5E10F - #CFBF0D - #B9A00C

CSS代码

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

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