#C7B49B - #8C6F4B | 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 #C7B49B to #8C6F4B

#C7B49B #8C6F4B

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

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

0.0%	0.0% #C7B49B	RGB 199 180 155	#C7B49B
16.7%	16.7% #BDA88D	RGB 189 168 141	#BDA88D
33.3%	33.3% #B39D80	RGB 179 157 128	#B39D80
50.0%	50.0% #A99173	RGB 169 145 115	#A99173
66.7%	66.7% #9F8665	RGB 159 134 101	#9F8665
83.3%	83.3% #957A58	RGB 149 122 88	#957A58
100.0%	100.0% #8C6F4B	RGB 140 111 75	#8C6F4B

#C7B49B #BDA88D #B39D80 #A99173 #9F8665 #957A58 #8C6F4B

#C7B49B - #8C6F4B

HSV Blend

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

0.0%	0.0% #C7B49B	RGB 199 180 155	#C7B49B
16.7%	16.7% #BDA78B	RGB 189 167 139	#BDA78B
33.3%	33.3% #B39B7D	RGB 179 155 125	#B39B7D
50.0%	50.0% #A9906F	RGB 169 144 111	#A9906F
66.7%	66.7% #9F8462	RGB 159 132 98	#9F8462
83.3%	83.3% #957956	RGB 149 121 86	#957956
100.0%	100.0% #8C6F4B	RGB 140 111 75	#8C6F4B

#C7B49B #BDA78B #B39B7D #A9906F #9F8462 #957956 #8C6F4B

#C7B49B - #A9906F - #8C6F4B

CSS codes

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

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