#D0C8C4 - #8C806B | 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 #D0C8C4 to #8C806B

#D0C8C4 #8C806B

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

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

0.0%	0.0% #D0C8C4	RGB 208 200 196	#D0C8C4
16.7%	16.7% #C4BCB5	RGB 196 188 181	#C4BCB5
33.3%	33.3% #B9B0A6	RGB 185 176 166	#B9B0A6
50.0%	50.0% #AEA497	RGB 174 164 151	#AEA497
66.7%	66.7% #A29888	RGB 162 152 136	#A29888
83.3%	83.3% #978C79	RGB 151 140 121	#978C79
100.0%	100.0% #8C806B	RGB 140 128 107	#8C806B

#D0C8C4 #C4BCB5 #B9B0A6 #AEA497 #A29888 #978C79 #8C806B

#D0C8C4 - #8C806B

HSV Blend

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

0.0%	0.0% #D0C8C4	RGB 208 200 196	#D0C8C4
16.7%	16.7% #C4BAB3	RGB 196 186 179	#C4BAB3
33.3%	33.3% #B9ADA3	RGB 185 173 163	#B9ADA3
50.0%	50.0% #AEA094	RGB 174 160 148	#AEA094
66.7%	66.7% #A29585	RGB 162 149 133	#A29585
83.3%	83.3% #978A78	RGB 151 138 120	#978A78
100.0%	100.0% #8C806B	RGB 140 128 107	#8C806B

#D0C8C4 #C4BAB3 #B9ADA3 #AEA094 #A29585 #978A78 #8C806B

#D0C8C4 - #AEA094 - #8C806B

CSS codes

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

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