#C76D3E - #EFD5C7 | 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 #C76D3E to #EFD5C7

#C76D3E #EFD5C7

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

#C76D3E - #EFD5C7 | 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 #C76D3E as 0% and #EFD5C7 as 100%.

0.0%	0.0% #C76D3E	RGB 199 109 62	#C76D3E
16.7%	16.7% #CD7E54	RGB 205 126 84	#CD7E54
33.3%	33.3% #D48F6B	RGB 212 143 107	#D48F6B
50.0%	50.0% #DBA182	RGB 219 161 130	#DBA182
66.7%	66.7% #E1B299	RGB 225 178 153	#E1B299
83.3%	83.3% #E8C3B0	RGB 232 195 176	#E8C3B0
100.0%	100.0% #EFD5C7	RGB 239 213 199	#EFD5C7

#C76D3E #CD7E54 #D48F6B #DBA182 #E1B299 #E8C3B0 #EFD5C7

#C76D3E - #EFD5C7

HSV Blend

#C76D3E - #EFD5C7 | 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 #C76D3E as 0% and #EFD5C7 as 100%.

0.0%	0.0% #C76D3E	RGB 199 109 62	#C76D3E
16.7%	16.7% #CD7C51	RGB 205 124 81	#CD7C51
33.3%	33.3% #D48C67	RGB 212 140 103	#D48C67
50.0%	50.0% #DB9D7D	RGB 219 157 125	#DB9D7D
66.7%	66.7% #E1AF94	RGB 225 175 148	#E1AF94
83.3%	83.3% #E8C1AD	RGB 232 193 173	#E8C1AD
100.0%	100.0% #EFD5C7	RGB 239 213 199	#EFD5C7

#C76D3E #CD7C51 #D48C67 #DB9D7D #E1AF94 #E8C1AD #EFD5C7

#C76D3E - #DB9D7D - #EFD5C7

CSS codes

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

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