#E5E200 - #B69C0D | colorate

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

Blend #E5E200 to #B69C0D

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

RGB混合

#E5E200 - #B69C0D | colorate

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

0.0%	0.0% #E5E200	RGB 229 226 0	#E5E200
16.7%	16.7% #DDD602	RGB 221 214 2	#DDD602
33.3%	33.3% #D5CA04	RGB 213 202 4	#D5CA04
50.0%	50.0% #CDBF06	RGB 205 191 6	#CDBF06
66.7%	66.7% #C5B308	RGB 197 179 8	#C5B308
83.3%	83.3% #BDA70A	RGB 189 167 10	#BDA70A
100.0%	100.0% #B69C0D	RGB 182 156 13	#B69C0D

#E5E200 #DDD602 #D5CA04 #CDBF06 #C5B308 #BDA70A #B69C0D

#E5E200 - #B69C0D

HSV混合

#E5E200 - #B69C0D | colorate

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

0.0%	0.0% #E5E200	RGB 229 226 0	#E5E200
16.7%	16.7% #DDD502	RGB 221 213 2	#DDD502
33.3%	33.3% #D5C805	RGB 213 200 5	#D5C805
50.0%	50.0% #CDBC07	RGB 205 188 7	#CDBC07
66.7%	66.7% #C5B109	RGB 197 177 9	#C5B109
83.3%	83.3% #BDA60B	RGB 189 166 11	#BDA60B
100.0%	100.0% #B69C0D	RGB 182 156 13	#B69C0D

#E5E200 #DDD502 #D5C805 #CDBC07 #C5B109 #BDA60B #B69C0D

#E5E200 - #CDBC07 - #B69C0D

CSS代码

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

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