#C96E3C - #FEB654 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C96E3C to #FEB654

#C96E3C #FEB654

Calculate the color between two colors, #C96E3C and #FEB654. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C96E3C - #FEB654 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C96E3C as 0% and #FEB654 as 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 Blend

#C96E3C - #FEB654 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C96E3C as 0% and #FEB654 as 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 codes

<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>