#CDC6B7 - #8C6857 | 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 #CDC6B7 to #8C6857

#CDC6B7 #8C6857

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

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

0.0%	0.0% #CDC6B7	RGB 205 198 183	#CDC6B7
16.7%	16.7% #C2B6A7	RGB 194 182 167	#C2B6A7
33.3%	33.3% #B7A697	RGB 183 166 151	#B7A697
50.0%	50.0% #AC9787	RGB 172 151 135	#AC9787
66.7%	66.7% #A18777	RGB 161 135 119	#A18777
83.3%	83.3% #967767	RGB 150 119 103	#967767
100.0%	100.0% #8C6857	RGB 140 104 87	#8C6857

#CDC6B7 #C2B6A7 #B7A697 #AC9787 #A18777 #967767 #8C6857

#CDC6B7 - #8C6857

HSV Blend

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

0.0%	0.0% #CDC6B7	RGB 205 198 183	#CDC6B7
16.7%	16.7% #C2B6A4	RGB 194 182 164	#C2B6A4
33.3%	33.3% #B7A793	RGB 183 167 147	#B7A793
50.0%	50.0% #AC9782	RGB 172 151 130	#AC9782
66.7%	66.7% #A18773	RGB 161 135 115	#A18773
83.3%	83.3% #967764	RGB 150 119 100	#967764
100.0%	100.0% #8C6857	RGB 140 104 87	#8C6857

#CDC6B7 #C2B6A4 #B7A793 #AC9782 #A18773 #967764 #8C6857

#CDC6B7 - #AC9782 - #8C6857

CSS codes

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

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