#DFC8C0 - #C7816C | 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 #DFC8C0 to #C7816C

#DFC8C0 #C7816C

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

#DFC8C0 - #C7816C | 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 #DFC8C0 as 0% and #C7816C as 100%.

0.0%	0.0% #DFC8C0	RGB 223 200 192	#DFC8C0
16.7%	16.7% #DBBCB2	RGB 219 188 178	#DBBCB2
33.3%	33.3% #D7B0A4	RGB 215 176 164	#D7B0A4
50.0%	50.0% #D3A496	RGB 211 164 150	#D3A496
66.7%	66.7% #CF9888	RGB 207 152 136	#CF9888
83.3%	83.3% #CB8C7A	RGB 203 140 122	#CB8C7A
100.0%	100.0% #C7816C	RGB 199 129 108	#C7816C

#DFC8C0 #DBBCB2 #D7B0A4 #D3A496 #CF9888 #CB8C7A #C7816C

#DFC8C0 - #C7816C

HSV Blend

#DFC8C0 - #C7816C | 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 #DFC8C0 as 0% and #C7816C as 100%.

0.0%	0.0% #DFC8C0	RGB 223 200 192	#DFC8C0
16.7%	16.7% #DBBBB0	RGB 219 187 176	#DBBBB0
33.3%	33.3% #D7AFA2	RGB 215 175 162	#D7AFA2
50.0%	50.0% #D3A394	RGB 211 163 148	#D3A394
66.7%	66.7% #CF9786	RGB 207 151 134	#CF9786
83.3%	83.3% #CB8C78	RGB 203 140 120	#CB8C78
100.0%	100.0% #C7816C	RGB 199 129 108	#C7816C

#DFC8C0 #DBBBB0 #D7AFA2 #D3A394 #CF9786 #CB8C78 #C7816C

#DFC8C0 - #D3A394 - #C7816C

CSS codes

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

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