#E2D1B2 - #C4965D | 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 #E2D1B2 to #C4965D

#E2D1B2 #C4965D

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

#E2D1B2 - #C4965D | 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 #E2D1B2 as 0% and #C4965D as 100%.

0.0%	0.0% #E2D1B2	RGB 226 209 178	#E2D1B2
16.7%	16.7% #DDC7A3	RGB 221 199 163	#DDC7A3
33.3%	33.3% #D8BD95	RGB 216 189 149	#D8BD95
50.0%	50.0% #D3B387	RGB 211 179 135	#D3B387
66.7%	66.7% #CEA979	RGB 206 169 121	#CEA979
83.3%	83.3% #C99F6B	RGB 201 159 107	#C99F6B
100.0%	100.0% #C4965D	RGB 196 150 93	#C4965D

#E2D1B2 #DDC7A3 #D8BD95 #D3B387 #CEA979 #C99F6B #C4965D

#E2D1B2 - #C4965D

HSV Blend

#E2D1B2 - #C4965D | 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 #E2D1B2 as 0% and #C4965D as 100%.

0.0%	0.0% #E2D1B2	RGB 226 209 178	#E2D1B2
16.7%	16.7% #DDC7A2	RGB 221 199 162	#DDC7A2
33.3%	33.3% #D8BD93	RGB 216 189 147	#D8BD93
50.0%	50.0% #D3B385	RGB 211 179 133	#D3B385
66.7%	66.7% #CEA977	RGB 206 169 119	#CEA977
83.3%	83.3% #C99F69	RGB 201 159 105	#C99F69
100.0%	100.0% #C4965D	RGB 196 150 93	#C4965D

#E2D1B2 #DDC7A2 #D8BD93 #D3B385 #CEA977 #C99F69 #C4965D

#E2D1B2 - #D3B385 - #C4965D

CSS codes

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

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