#E49E5E - #FCDC81 | colorate

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

Blend #E49E5E to #FCDC81

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

RGB混合

#E49E5E - #FCDC81 | colorate

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

0.0%	0.0% #E49E5E	RGB 228 158 94	#E49E5E
16.7%	16.7% #E8A863	RGB 232 168 99	#E8A863
33.3%	33.3% #ECB269	RGB 236 178 105	#ECB269
50.0%	50.0% #F0BD6F	RGB 240 189 111	#F0BD6F
66.7%	66.7% #F4C775	RGB 244 199 117	#F4C775
83.3%	83.3% #F8D17B	RGB 248 209 123	#F8D17B
100.0%	100.0% #FCDC81	RGB 252 220 129	#FCDC81

#E49E5E #E8A863 #ECB269 #F0BD6F #F4C775 #F8D17B #FCDC81

#E49E5E - #FCDC81

HSV混合

#E49E5E - #FCDC81 | colorate

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

0.0%	0.0% #E49E5E	RGB 228 158 94	#E49E5E
16.7%	16.7% #E8A863	RGB 232 168 99	#E8A863
33.3%	33.3% #ECB369	RGB 236 179 105	#ECB369
50.0%	50.0% #F0BD6E	RGB 240 189 110	#F0BD6E
66.7%	66.7% #F4C774	RGB 244 199 116	#F4C774
83.3%	83.3% #F8D17A	RGB 248 209 122	#F8D17A
100.0%	100.0% #FCDC81	RGB 252 220 129	#FCDC81

#E49E5E #E8A863 #ECB369 #F0BD6E #F4C774 #F8D17A #FCDC81

#E49E5E - #F0BD6E - #FCDC81

CSS代码

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

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