#C96E3C - #FEB654 | colorate

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

Blend #C96E3C to #FEB654

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

RGB混合

#C96E3C - #FEB654 | colorate

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

0.0%	0.0% #C96E3C	RGB 201 110 60	#C96E3C
16.7%	16.7% #D17A40	RGB 209 122 64	#D17A40
33.3%	33.3% #DA8644	RGB 218 134 68	#DA8644
50.0%	50.0% #E39248	RGB 227 146 72	#E39248
66.7%	66.7% #EC9E4C	RGB 236 158 76	#EC9E4C
83.3%	83.3% #F5AA50	RGB 245 170 80	#F5AA50
100.0%	100.0% #FEB654	RGB 254 182 84	#FEB654

#C96E3C #D17A40 #DA8644 #E39248 #EC9E4C #F5AA50 #FEB654

#C96E3C - #FEB654

HSV混合

#C96E3C - #FEB654 | colorate

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

0.0%	0.0% #C96E3C	RGB 201 110 60	#C96E3C
16.7%	16.7% #D1783F	RGB 209 120 63	#D1783F
33.3%	33.3% #DA8443	RGB 218 132 67	#DA8443
50.0%	50.0% #E39047	RGB 227 144 71	#E39047
66.7%	66.7% #EC9C4B	RGB 236 156 75	#EC9C4B
83.3%	83.3% #F5A84F	RGB 245 168 79	#F5A84F
100.0%	100.0% #FEB654	RGB 254 182 84	#FEB654

#C96E3C #D1783F #DA8443 #E39047 #EC9C4B #F5A84F #FEB654

#C96E3C - #E39047 - #FEB654

CSS代码

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

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