#E2CB8C - #C39239 | 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 #E2CB8C to #C39239

#E2CB8C #C39239

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

#E2CB8C - #C39239 | 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 #E2CB8C as 0% and #C39239 as 100%.

0.0%	0.0% #E2CB8C	RGB 226 203 140	#E2CB8C
16.7%	16.7% #DCC17E	RGB 220 193 126	#DCC17E
33.3%	33.3% #D7B870	RGB 215 184 112	#D7B870
50.0%	50.0% #D2AE62	RGB 210 174 98	#D2AE62
66.7%	66.7% #CDA554	RGB 205 165 84	#CDA554
83.3%	83.3% #C89B46	RGB 200 155 70	#C89B46
100.0%	100.0% #C39239	RGB 195 146 57	#C39239

#E2CB8C #DCC17E #D7B870 #D2AE62 #CDA554 #C89B46 #C39239

#E2CB8C - #C39239

HSV Blend

#E2CB8C - #C39239 | 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 #E2CB8C as 0% and #C39239 as 100%.

0.0%	0.0% #E2CB8C	RGB 226 203 140	#E2CB8C
16.7%	16.7% #DCC17C	RGB 220 193 124	#DCC17C
33.3%	33.3% #D7B86E	RGB 215 184 110	#D7B86E
50.0%	50.0% #D2AE5F	RGB 210 174 95	#D2AE5F
66.7%	66.7% #CDA552	RGB 205 165 82	#CDA552
83.3%	83.3% #C89B45	RGB 200 155 69	#C89B45
100.0%	100.0% #C39239	RGB 195 146 57	#C39239

#E2CB8C #DCC17C #D7B86E #D2AE5F #CDA552 #C89B45 #C39239

#E2CB8C - #D2AE5F - #C39239

CSS codes

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

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