#C8977E - #EFE1DA | 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 #C8977E to #EFE1DA

#C8977E #EFE1DA

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

#C8977E - #EFE1DA | 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 #C8977E as 0% and #EFE1DA as 100%.

0.0%	0.0% #C8977E	RGB 200 151 126	#C8977E
16.7%	16.7% #CEA38D	RGB 206 163 141	#CEA38D
33.3%	33.3% #D5AF9C	RGB 213 175 156	#D5AF9C
50.0%	50.0% #DBBCAC	RGB 219 188 172	#DBBCAC
66.7%	66.7% #E2C8BB	RGB 226 200 187	#E2C8BB
83.3%	83.3% #E8D4CA	RGB 232 212 202	#E8D4CA
100.0%	100.0% #EFE1DA	RGB 239 225 218	#EFE1DA

#C8977E #CEA38D #D5AF9C #DBBCAC #E2C8BB #E8D4CA #EFE1DA

#C8977E - #EFE1DA

HSV Blend

#C8977E - #EFE1DA | 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 #C8977E as 0% and #EFE1DA as 100%.

0.0%	0.0% #C8977E	RGB 200 151 126	#C8977E
16.7%	16.7% #CEA28B	RGB 206 162 139	#CEA28B
33.3%	33.3% #D5AD9A	RGB 213 173 154	#D5AD9A
50.0%	50.0% #DBBAA9	RGB 219 186 169	#DBBAA9
66.7%	66.7% #E2C6B8	RGB 226 198 184	#E2C6B8
83.3%	83.3% #E8D3C9	RGB 232 211 201	#E8D3C9
100.0%	100.0% #EFE1DA	RGB 239 225 218	#EFE1DA

#C8977E #CEA28B #D5AD9A #DBBAA9 #E2C6B8 #E8D3C9 #EFE1DA

#C8977E - #DBBAA9 - #EFE1DA

CSS codes

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

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