#E5E248 - #FFF07D | colorate

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

Blend #E5E248 to #FFF07D

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

RGB混合

#E5E248 - #FFF07D | colorate

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

0.0%	0.0% #E5E248	RGB 229 226 72	#E5E248
16.7%	16.7% #E9E450	RGB 233 228 80	#E9E450
33.3%	33.3% #EDE659	RGB 237 230 89	#EDE659
50.0%	50.0% #F2E962	RGB 242 233 98	#F2E962
66.7%	66.7% #F6EB6B	RGB 246 235 107	#F6EB6B
83.3%	83.3% #FAED74	RGB 250 237 116	#FAED74
100.0%	100.0% #FFF07D	RGB 255 240 125	#FFF07D

#E5E248 #E9E450 #EDE659 #F2E962 #F6EB6B #FAED74 #FFF07D

#E5E248 - #FFF07D

HSV混合

#E5E248 - #FFF07D | colorate

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

0.0%	0.0% #E5E247	RGB 229 226 71	#E5E247
16.7%	16.7% #E9E350	RGB 233 227 80	#E9E350
33.3%	33.3% #EDE658	RGB 237 230 88	#EDE658
50.0%	50.0% #F2E861	RGB 242 232 97	#F2E861
66.7%	66.7% #F6EA6A	RGB 246 234 106	#F6EA6A
83.3%	83.3% #FAED73	RGB 250 237 115	#FAED73
100.0%	100.0% #FFF07D	RGB 255 240 125	#FFF07D

#E5E247 #E9E350 #EDE658 #F2E861 #F6EA6A #FAED73 #FFF07D

#E5E248 - #F2E861 - #FFF07D

CSS代码

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

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