#C96A5E - #FEBA7C | 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 #C96A5E to #FEBA7C

#C96A5E #FEBA7C

Calculate the color between two colors, #C96A5E and #FEBA7C. 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)

#C96A5E - #FEBA7C | 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 #C96A5E as 0% and #FEBA7C as 100%.

0.0%	0.0% #C96A5E	RGB 201 106 94	#C96A5E
16.7%	16.7% #D17763	RGB 209 119 99	#D17763
33.3%	33.3% #DA8468	RGB 218 132 104	#DA8468
50.0%	50.0% #E3926D	RGB 227 146 109	#E3926D
66.7%	66.7% #EC9F72	RGB 236 159 114	#EC9F72
83.3%	83.3% #F5AC77	RGB 245 172 119	#F5AC77
100.0%	100.0% #FEBA7C	RGB 254 186 124	#FEBA7C

#C96A5E #D17763 #DA8468 #E3926D #EC9F72 #F5AC77 #FEBA7C

#C96A5E - #FEBA7C

HSV Blend

#C96A5E - #FEBA7C | 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 #C96A5E as 0% and #FEBA7C as 100%.

0.0%	0.0% #C96A5E	RGB 201 106 94	#C96A5E
16.7%	16.7% #D17662	RGB 209 118 98	#D17662
33.3%	33.3% #DA8267	RGB 218 130 103	#DA8267
50.0%	50.0% #E38F6C	RGB 227 143 108	#E38F6C
66.7%	66.7% #EC9D71	RGB 236 157 113	#EC9D71
83.3%	83.3% #F5AB76	RGB 245 171 118	#F5AB76
100.0%	100.0% #FEBA7C	RGB 254 186 124	#FEBA7C

#C96A5E #D17662 #DA8267 #E38F6C #EC9D71 #F5AB76 #FEBA7C

#C96A5E - #E38F6C - #FEBA7C

CSS codes

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

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