#D0C9C2 - #8C7D6A | 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 #D0C9C2 to #8C7D6A

#D0C9C2 #8C7D6A

Calculate the color between two colors, #D0C9C2 and #8C7D6A. 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)

#D0C9C2 - #8C7D6A | 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 #D0C9C2 as 0% and #8C7D6A as 100%.

0.0%	0.0% #D0C9C2	RGB 208 201 194	#D0C9C2
16.7%	16.7% #C4BCB3	RGB 196 188 179	#C4BCB3
33.3%	33.3% #B9AFA4	RGB 185 175 164	#B9AFA4
50.0%	50.0% #AEA396	RGB 174 163 150	#AEA396
66.7%	66.7% #A29687	RGB 162 150 135	#A29687
83.3%	83.3% #978978	RGB 151 137 120	#978978
100.0%	100.0% #8C7D6A	RGB 140 125 106	#8C7D6A

#D0C9C2 #C4BCB3 #B9AFA4 #AEA396 #A29687 #978978 #8C7D6A

#D0C9C2 - #8C7D6A

HSV Blend

#D0C9C2 - #8C7D6A | 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 #D0C9C2 as 0% and #8C7D6A as 100%.

0.0%	0.0% #D0C9C2	RGB 208 201 194	#D0C9C2
16.7%	16.7% #C4BBB1	RGB 196 187 177	#C4BBB1
33.3%	33.3% #B9AEA2	RGB 185 174 162	#B9AEA2
50.0%	50.0% #AEA193	RGB 174 161 147	#AEA193
66.7%	66.7% #A29484	RGB 162 148 132	#A29484
83.3%	83.3% #978877	RGB 151 136 119	#978877
100.0%	100.0% #8C7D6A	RGB 140 125 106	#8C7D6A

#D0C9C2 #C4BBB1 #B9AEA2 #AEA193 #A29484 #978877 #8C7D6A

#D0C9C2 - #AEA193 - #8C7D6A

CSS codes

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

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