#C2B6B2 - #A56E5D | 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 #C2B6B2 to #A56E5D

#C2B6B2 #A56E5D

Calculate the color between two colors, #C2B6B2 and #A56E5D. 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)

#C2B6B2 - #A56E5D | 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 #C2B6B2 as 0% and #A56E5D as 100%.

0.0%	0.0% #C2B6B2	RGB 194 182 178	#C2B6B2
16.7%	16.7% #BDAAA3	RGB 189 170 163	#BDAAA3
33.3%	33.3% #B89E95	RGB 184 158 149	#B89E95
50.0%	50.0% #B39287	RGB 179 146 135	#B39287
66.7%	66.7% #AE8679	RGB 174 134 121	#AE8679
83.3%	83.3% #A97A6B	RGB 169 122 107	#A97A6B
100.0%	100.0% #A56E5D	RGB 165 110 93	#A56E5D

#C2B6B2 #BDAAA3 #B89E95 #B39287 #AE8679 #A97A6B #A56E5D

#C2B6B2 - #A56E5D

HSV Blend

#C2B6B2 - #A56E5D | 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 #C2B6B2 as 0% and #A56E5D as 100%.

0.0%	0.0% #C2B6B2	RGB 194 182 178	#C2B6B2
16.7%	16.7% #BDA9A2	RGB 189 169 162	#BDA9A2
33.3%	33.3% #B89C93	RGB 184 156 147	#B89C93
50.0%	50.0% #B39084	RGB 179 144 132	#B39084
66.7%	66.7% #AE8477	RGB 174 132 119	#AE8477
83.3%	83.3% #A97969	RGB 169 121 105	#A97969
100.0%	100.0% #A56E5D	RGB 165 110 93	#A56E5D

#C2B6B2 #BDA9A2 #B89C93 #B39084 #AE8477 #A97969 #A56E5D

#C2B6B2 - #B39084 - #A56E5D

CSS codes

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

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