#C2BDBD - #AA756A | 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 #AA756A

#C2BDBD #AA756A

Calculate the color between two colors, #C2BDBD and #AA756A. 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 - #AA756A | 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 #AA756A as 100%.

0.0%	0.0% #C2BDBD	RGB 194 189 189	#C2BDBD
16.7%	16.7% #BEB1AF	RGB 190 177 175	#BEB1AF
33.3%	33.3% #BAA5A1	RGB 186 165 161	#BAA5A1
50.0%	50.0% #B69993	RGB 182 153 147	#B69993
66.7%	66.7% #B28D85	RGB 178 141 133	#B28D85
83.3%	83.3% #AE8177	RGB 174 129 119	#AE8177
100.0%	100.0% #AA756A	RGB 170 117 106	#AA756A

#C2BDBD #BEB1AF #BAA5A1 #B69993 #B28D85 #AE8177 #AA756A

#C2BDBD - #AA756A

HSV Blend

#C2BDBD - #AA756A | 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 #AA756A as 100%.

0.0%	0.0% #C2BDBD	RGB 194 189 189	#C2BDBD
16.7%	16.7% #BEAEAD	RGB 190 174 173	#BEAEAD
33.3%	33.3% #BAA09F	RGB 186 160 159	#BAA09F
50.0%	50.0% #B69491	RGB 182 148 145	#B69491
66.7%	66.7% #B28983	RGB 178 137 131	#B28983
83.3%	83.3% #AE7E76	RGB 174 126 118	#AE7E76
100.0%	100.0% #AA756A	RGB 170 117 106	#AA756A

#C2BDBD #BEAEAD #BAA09F #B69491 #B28983 #AE7E76 #AA756A

#C2BDBD - #B69491 - #AA756A

CSS codes

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

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