#C7B8A0 - #A4784B | 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 #C7B8A0 to #A4784B

#C7B8A0 #A4784B

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

#C7B8A0 - #A4784B | 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 #C7B8A0 as 0% and #A4784B as 100%.

0.0%	0.0% #C7B8A0	RGB 199 184 160	#C7B8A0
16.7%	16.7% #C1AD91	RGB 193 173 145	#C1AD91
33.3%	33.3% #BBA283	RGB 187 162 131	#BBA283
50.0%	50.0% #B59875	RGB 181 152 117	#B59875
66.7%	66.7% #AF8D67	RGB 175 141 103	#AF8D67
83.3%	83.3% #A98259	RGB 169 130 89	#A98259
100.0%	100.0% #A4784B	RGB 164 120 75	#A4784B

#C7B8A0 #C1AD91 #BBA283 #B59875 #AF8D67 #A98259 #A4784B

#C7B8A0 - #A4784B

HSV Blend

#C7B8A0 - #A4784B | 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 #C7B8A0 as 0% and #A4784B as 100%.

0.0%	0.0% #C7B8A0	RGB 199 184 160	#C7B8A0
16.7%	16.7% #C1AD90	RGB 193 173 144	#C1AD90
33.3%	33.3% #BBA280	RGB 187 162 128	#BBA280
50.0%	50.0% #B59872	RGB 181 152 114	#B59872
66.7%	66.7% #AF8D64	RGB 175 141 100	#AF8D64
83.3%	83.3% #A98257	RGB 169 130 87	#A98257
100.0%	100.0% #A4784B	RGB 164 120 75	#A4784B

#C7B8A0 #C1AD90 #BBA280 #B59872 #AF8D64 #A98257 #A4784B

#C7B8A0 - #B59872 - #A4784B

CSS codes

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

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