#FEC49B - #EE7E44 | colorate

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

Blend #FEC49B to #EE7E44

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

RGB混合

#FEC49B - #EE7E44 | colorate

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

0.0%	0.0% #FEC49B	RGB 254 196 155	#FEC49B
16.7%	16.7% #FBB88C	RGB 251 184 140	#FBB88C
33.3%	33.3% #F8AC7E	RGB 248 172 126	#F8AC7E
50.0%	50.0% #F6A16F	RGB 246 161 111	#F6A16F
66.7%	66.7% #F39561	RGB 243 149 97	#F39561
83.3%	83.3% #F08952	RGB 240 137 82	#F08952
100.0%	100.0% #EE7E44	RGB 238 126 68	#EE7E44

#FEC49B #FBB88C #F8AC7E #F6A16F #F39561 #F08952 #EE7E44

#FEC49B - #EE7E44

HSV混合

#FEC49B - #EE7E44 | colorate

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

0.0%	0.0% #FEC49B	RGB 254 196 155	#FEC49B
16.7%	16.7% #FBB88B	RGB 251 184 139	#FBB88B
33.3%	33.3% #F8AD7C	RGB 248 173 124	#F8AD7C
50.0%	50.0% #F6A16E	RGB 246 161 110	#F6A16E
66.7%	66.7% #F3955F	RGB 243 149 95	#F3955F
83.3%	83.3% #F08951	RGB 240 137 81	#F08951
100.0%	100.0% #EE7E44	RGB 238 126 68	#EE7E44

#FEC49B #FBB88B #F8AD7C #F6A16E #F3955F #F08951 #EE7E44

#FEC49B - #F6A16E - #EE7E44

CSS代码

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

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