#C2BDBD - #9A6F64 | 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 #C2BDBD to #9A6F64

#C2BDBD #9A6F64

Calculate the color between two colors, #C2BDBD and #9A6F64. 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)

#C2BDBD - #9A6F64 | 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 #C2BDBD as 0% and #9A6F64 as 100%.

0.0%	0.0% #C2BDBD	RGB 194 189 189	#C2BDBD
16.7%	16.7% #BBB0AE	RGB 187 176 174	#BBB0AE
33.3%	33.3% #B4A39F	RGB 180 163 159	#B4A39F
50.0%	50.0% #AE9690	RGB 174 150 144	#AE9690
66.7%	66.7% #A78981	RGB 167 137 129	#A78981
83.3%	83.3% #A07C72	RGB 160 124 114	#A07C72
100.0%	100.0% #9A6F64	RGB 154 111 100	#9A6F64

#C2BDBD #BBB0AE #B4A39F #AE9690 #A78981 #A07C72 #9A6F64

#C2BDBD - #9A6F64

HSV Blend

#C2BDBD - #9A6F64 | 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 #C2BDBD as 0% and #9A6F64 as 100%.

0.0%	0.0% #C2BDBD	RGB 194 189 189	#C2BDBD
16.7%	16.7% #BBACAC	RGB 187 172 172	#BBACAC
33.3%	33.3% #B49E9C	RGB 180 158 156	#B49E9C
50.0%	50.0% #AE908D	RGB 174 144 141	#AE908D
66.7%	66.7% #A7847E	RGB 167 132 126	#A7847E
83.3%	83.3% #A07971	RGB 160 121 113	#A07971
100.0%	100.0% #9A6F64	RGB 154 111 100	#9A6F64

#C2BDBD #BBACAC #B49E9C #AE908D #A7847E #A07971 #9A6F64

#C2BDBD - #AE908D - #9A6F64

CSS codes

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

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