#D0CCC4 - #AC8F72 | 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 #D0CCC4 to #AC8F72

#D0CCC4 #AC8F72

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

#D0CCC4 - #AC8F72 | 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 #D0CCC4 as 0% and #AC8F72 as 100%.

0.0%	0.0% #D0CCC4	RGB 208 204 196	#D0CCC4
16.7%	16.7% #CAC1B6	RGB 202 193 182	#CAC1B6
33.3%	33.3% #C4B7A8	RGB 196 183 168	#C4B7A8
50.0%	50.0% #BEAD9B	RGB 190 173 155	#BEAD9B
66.7%	66.7% #B8A38D	RGB 184 163 141	#B8A38D
83.3%	83.3% #B2997F	RGB 178 153 127	#B2997F
100.0%	100.0% #AC8F72	RGB 172 143 114	#AC8F72

#D0CCC4 #CAC1B6 #C4B7A8 #BEAD9B #B8A38D #B2997F #AC8F72

#D0CCC4 - #AC8F72

HSV Blend

#D0CCC4 - #AC8F72 | 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 #D0CCC4 as 0% and #AC8F72 as 100%.

0.0%	0.0% #D0CCC4	RGB 208 204 196	#D0CCC4
16.7%	16.7% #CAC2B4	RGB 202 194 180	#CAC2B4
33.3%	33.3% #C4B8A6	RGB 196 184 166	#C4B8A6
50.0%	50.0% #BEAE98	RGB 190 174 152	#BEAE98
66.7%	66.7% #B8A48B	RGB 184 164 139	#B8A48B
83.3%	83.3% #B2997E	RGB 178 153 126	#B2997E
100.0%	100.0% #AC8F72	RGB 172 143 114	#AC8F72

#D0CCC4 #CAC2B4 #C4B8A6 #BEAE98 #B8A48B #B2997E #AC8F72

#D0CCC4 - #BEAE98 - #AC8F72

CSS codes

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

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