#DFCCC7 - #9F706F | 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 #DFCCC7 to #9F706F

#DFCCC7 #9F706F

Calculate the color between two colors, #DFCCC7 and #9F706F. 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)

#DFCCC7 - #9F706F | 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 #DFCCC7 as 0% and #9F706F as 100%.

0.0%	0.0% #DFCCC7	RGB 223 204 199	#DFCCC7
16.7%	16.7% #D4BCB8	RGB 212 188 184	#D4BCB8
33.3%	33.3% #C9ADA9	RGB 201 173 169	#C9ADA9
50.0%	50.0% #BF9E9B	RGB 191 158 155	#BF9E9B
66.7%	66.7% #B48E8C	RGB 180 142 140	#B48E8C
83.3%	83.3% #A97F7D	RGB 169 127 125	#A97F7D
100.0%	100.0% #9F706F	RGB 159 112 111	#9F706F

#DFCCC7 #D4BCB8 #C9ADA9 #BF9E9B #B48E8C #A97F7D #9F706F

#DFCCC7 - #9F706F

HSV Blend

#DFCCC7 - #9F706F | 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 #DFCCC7 as 0% and #9F706F as 100%.

0.0%	0.0% #DFCCC7	RGB 223 204 199	#DFCCC7
16.7%	16.7% #D4BBB6	RGB 212 187 182	#D4BBB6
33.3%	33.3% #C9ABA6	RGB 201 171 166	#C9ABA6
50.0%	50.0% #BF9C97	RGB 191 156 151	#BF9C97
66.7%	66.7% #B48D89	RGB 180 141 137	#B48D89
83.3%	83.3% #A97E7B	RGB 169 126 123	#A97E7B
100.0%	100.0% #9F706F	RGB 159 112 111	#9F706F

#DFCCC7 #D4BBB6 #C9ABA6 #BF9C97 #B48D89 #A97E7B #9F706F

#DFCCC7 - #BF9C97 - #9F706F

CSS codes

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

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