#E2D2B6 - #C49761 | 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 #E2D2B6 to #C49761

#E2D2B6 #C49761

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

#E2D2B6 - #C49761 | 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 #E2D2B6 as 0% and #C49761 as 100%.

0.0%	0.0% #E2D2B6	RGB 226 210 182	#E2D2B6
16.7%	16.7% #DDC8A7	RGB 221 200 167	#DDC8A7
33.3%	33.3% #D8BE99	RGB 216 190 153	#D8BE99
50.0%	50.0% #D3B48B	RGB 211 180 139	#D3B48B
66.7%	66.7% #CEAA7D	RGB 206 170 125	#CEAA7D
83.3%	83.3% #C9A06F	RGB 201 160 111	#C9A06F
100.0%	100.0% #C49761	RGB 196 151 97	#C49761

#E2D2B6 #DDC8A7 #D8BE99 #D3B48B #CEAA7D #C9A06F #C49761

#E2D2B6 - #C49761

HSV Blend

#E2D2B6 - #C49761 | 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 #E2D2B6 as 0% and #C49761 as 100%.

0.0%	0.0% #E2D2B6	RGB 226 210 182	#E2D2B6
16.7%	16.7% #DDC8A6	RGB 221 200 166	#DDC8A6
33.3%	33.3% #D8BE97	RGB 216 190 151	#D8BE97
50.0%	50.0% #D3B489	RGB 211 180 137	#D3B489
66.7%	66.7% #CEAA7B	RGB 206 170 123	#CEAA7B
83.3%	83.3% #C9A06D	RGB 201 160 109	#C9A06D
100.0%	100.0% #C49761	RGB 196 151 97	#C49761

#E2D2B6 #DDC8A6 #D8BE97 #D3B489 #CEAA7B #C9A06D #C49761

#E2D2B6 - #D3B489 - #C49761

CSS codes

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

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