#E2CB7E - #C3932E | 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 #E2CB7E to #C3932E

#E2CB7E #C3932E

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

#E2CB7E - #C3932E | 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 #E2CB7E as 0% and #C3932E as 100%.

0.0%	0.0% #E2CB7E	RGB 226 203 126	#E2CB7E
16.7%	16.7% #DCC170	RGB 220 193 112	#DCC170
33.3%	33.3% #D7B863	RGB 215 184 99	#D7B863
50.0%	50.0% #D2AF56	RGB 210 175 86	#D2AF56
66.7%	66.7% #CDA548	RGB 205 165 72	#CDA548
83.3%	83.3% #C89C3B	RGB 200 156 59	#C89C3B
100.0%	100.0% #C3932E	RGB 195 147 46	#C3932E

#E2CB7E #DCC170 #D7B863 #D2AF56 #CDA548 #C89C3B #C3932E

#E2CB7E - #C3932E

HSV Blend

#E2CB7E - #C3932E | 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 #E2CB7E as 0% and #C3932E as 100%.

0.0%	0.0% #E2CB7E	RGB 226 203 126	#E2CB7E
16.7%	16.7% #DCC16F	RGB 220 193 111	#DCC16F
33.3%	33.3% #D7B861	RGB 215 184 97	#D7B861
50.0%	50.0% #D2AF53	RGB 210 175 83	#D2AF53
66.7%	66.7% #CDA646	RGB 205 166 70	#CDA646
83.3%	83.3% #C89C39	RGB 200 156 57	#C89C39
100.0%	100.0% #C3932E	RGB 195 147 46	#C3932E

#E2CB7E #DCC16F #D7B861 #D2AF53 #CDA646 #C89C39 #C3932E

#E2CB7E - #D2AF53 - #C3932E

CSS codes

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

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