#C86B60 - #EFD4D1 | 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 #C86B60 to #EFD4D1

#C86B60 #EFD4D1

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

#C86B60 - #EFD4D1 | 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 #C86B60 as 0% and #EFD4D1 as 100%.

0.0%	0.0% #C86B60	RGB 200 107 96	#C86B60
16.7%	16.7% #CE7C72	RGB 206 124 114	#CE7C72
33.3%	33.3% #D58E85	RGB 213 142 133	#D58E85
50.0%	50.0% #DB9F98	RGB 219 159 152	#DB9F98
66.7%	66.7% #E2B1AB	RGB 226 177 171	#E2B1AB
83.3%	83.3% #E8C2BE	RGB 232 194 190	#E8C2BE
100.0%	100.0% #EFD4D1	RGB 239 212 209	#EFD4D1

#C86B60 #CE7C72 #D58E85 #DB9F98 #E2B1AB #E8C2BE #EFD4D1

#C86B60 - #EFD4D1

HSV Blend

#C86B60 - #EFD4D1 | 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 #C86B60 as 0% and #EFD4D1 as 100%.

0.0%	0.0% #C86B60	RGB 200 107 96	#C86B60
16.7%	16.7% #CE7A70	RGB 206 122 112	#CE7A70
33.3%	33.3% #D58A82	RGB 213 138 130	#D58A82
50.0%	50.0% #DB9B94	RGB 219 155 148	#DB9B94
66.7%	66.7% #E2ADA7	RGB 226 173 167	#E2ADA7
83.3%	83.3% #E8C0BC	RGB 232 192 188	#E8C0BC
100.0%	100.0% #EFD4D1	RGB 239 212 209	#EFD4D1

#C86B60 #CE7A70 #D58A82 #DB9B94 #E2ADA7 #E8C0BC #EFD4D1

#C86B60 - #DB9B94 - #EFD4D1

CSS codes

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

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