#D1CCC6 - #AF8D75 | 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 #D1CCC6 to #AF8D75

#D1CCC6 #AF8D75

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

#D1CCC6 - #AF8D75 | 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 #D1CCC6 as 0% and #AF8D75 as 100%.

0.0%	0.0% #D1CCC6	RGB 209 204 198	#D1CCC6
16.7%	16.7% #CBC1B8	RGB 203 193 184	#CBC1B8
33.3%	33.3% #C5B7AB	RGB 197 183 171	#C5B7AB
50.0%	50.0% #C0AC9D	RGB 192 172 157	#C0AC9D
66.7%	66.7% #BAA290	RGB 186 162 144	#BAA290
83.3%	83.3% #B49782	RGB 180 151 130	#B49782
100.0%	100.0% #AF8D75	RGB 175 141 117	#AF8D75

#D1CCC6 #CBC1B8 #C5B7AB #C0AC9D #BAA290 #B49782 #AF8D75

#D1CCC6 - #AF8D75

HSV Blend

#D1CCC6 - #AF8D75 | 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 #D1CCC6 as 0% and #AF8D75 as 100%.

0.0%	0.0% #D1CCC6	RGB 209 204 198	#D1CCC6
16.7%	16.7% #CBC1B7	RGB 203 193 183	#CBC1B7
33.3%	33.3% #C5B7A8	RGB 197 183 168	#C5B7A8
50.0%	50.0% #C0AC9B	RGB 192 172 155	#C0AC9B
66.7%	66.7% #BAA28D	RGB 186 162 141	#BAA28D
83.3%	83.3% #B49781	RGB 180 151 129	#B49781
100.0%	100.0% #AF8D75	RGB 175 141 117	#AF8D75

#D1CCC6 #CBC1B7 #C5B7A8 #C0AC9B #BAA28D #B49781 #AF8D75

#D1CCC6 - #C0AC9B - #AF8D75

CSS codes

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

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