#C2B3A8 - #8B6D56 | 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 #C2B3A8 to #8B6D56

#C2B3A8 #8B6D56

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

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

0.0%	0.0% #C2B3A8	RGB 194 179 168	#C2B3A8
16.7%	16.7% #B8A79A	RGB 184 167 154	#B8A79A
33.3%	33.3% #AF9B8C	RGB 175 155 140	#AF9B8C
50.0%	50.0% #A6907F	RGB 166 144 127	#A6907F
66.7%	66.7% #9D8471	RGB 157 132 113	#9D8471
83.3%	83.3% #947863	RGB 148 120 99	#947863
100.0%	100.0% #8B6D56	RGB 139 109 86	#8B6D56

#C2B3A8 #B8A79A #AF9B8C #A6907F #9D8471 #947863 #8B6D56

#C2B3A8 - #8B6D56

HSV Blend

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

0.0%	0.0% #C2B3A8	RGB 194 179 168	#C2B3A8
16.7%	16.7% #B8A698	RGB 184 166 152	#B8A698
33.3%	33.3% #AF9989	RGB 175 153 137	#AF9989
50.0%	50.0% #A68D7B	RGB 166 141 123	#A68D7B
66.7%	66.7% #9D826E	RGB 157 130 110	#9D826E
83.3%	83.3% #947761	RGB 148 119 97	#947761
100.0%	100.0% #8B6D56	RGB 139 109 86	#8B6D56

#C2B3A8 #B8A698 #AF9989 #A68D7B #9D826E #947761 #8B6D56

#C2B3A8 - #A68D7B - #8B6D56

CSS codes

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

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