#C3C2AD - #8B875D | 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 #C3C2AD to #8B875D

#C3C2AD #8B875D

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

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

0.0%	0.0% #C3C2AD	RGB 195 194 173	#C3C2AD
16.7%	16.7% #B9B89F	RGB 185 184 159	#B9B89F
33.3%	33.3% #B0AE92	RGB 176 174 146	#B0AE92
50.0%	50.0% #A7A485	RGB 167 164 133	#A7A485
66.7%	66.7% #9D9A77	RGB 157 154 119	#9D9A77
83.3%	83.3% #94906A	RGB 148 144 106	#94906A
100.0%	100.0% #8B875D	RGB 139 135 93	#8B875D

#C3C2AD #B9B89F #B0AE92 #A7A485 #9D9A77 #94906A #8B875D

#C3C2AD - #8B875D

HSV Blend

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

0.0%	0.0% #C3C2AD	RGB 195 194 173	#C3C2AD
16.7%	16.7% #B9B89D	RGB 185 184 157	#B9B89D
33.3%	33.3% #B0AE8F	RGB 176 174 143	#B0AE8F
50.0%	50.0% #A7A481	RGB 167 164 129	#A7A481
66.7%	66.7% #9D9A74	RGB 157 154 116	#9D9A74
83.3%	83.3% #949068	RGB 148 144 104	#949068
100.0%	100.0% #8B875D	RGB 139 135 93	#8B875D

#C3C2AD #B9B89D #B0AE8F #A7A481 #9D9A74 #949068 #8B875D

#C3C2AD - #A7A481 - #8B875D

CSS codes

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

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