#473C3C - #B6876D | 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 #473C3C to #B6876D

#473C3C #B6876D

Calculate the color between two colors, #473C3C and #B6876D. 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)

#473C3C - #B6876D | 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 #473C3C as 0% and #B6876D as 100%.

0.0%	0.0% #473C3C	RGB 71 60 60	#473C3C
16.7%	16.7% #594844	RGB 89 72 68	#594844
33.3%	33.3% #6C554C	RGB 108 85 76	#6C554C
50.0%	50.0% #7E6154	RGB 126 97 84	#7E6154
66.7%	66.7% #916E5C	RGB 145 110 92	#916E5C
83.3%	83.3% #A37A64	RGB 163 122 100	#A37A64
100.0%	100.0% #B6876D	RGB 182 135 109	#B6876D

#473C3C #594844 #6C554C #7E6154 #916E5C #A37A64 #B6876D

#473C3C - #B6876D

HSV Blend

#473C3C - #B6876D | 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 #473C3C as 0% and #B6876D as 100%.

0.0%	0.0% #473C3C	RGB 71 60 60	#473C3C
16.7%	16.7% #594947	RGB 89 73 71	#594947
33.3%	33.3% #6C5552	RGB 108 85 82	#6C5552
50.0%	50.0% #7E615B	RGB 126 97 91	#7E615B
66.7%	66.7% #916D62	RGB 145 109 98	#916D62
83.3%	83.3% #A37A68	RGB 163 122 104	#A37A68
100.0%	100.0% #B6876D	RGB 182 135 109	#B6876D

#473C3C #594947 #6C5552 #7E615B #916D62 #A37A68 #B6876D

#473C3C - #7E615B - #B6876D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473C3C 0%, #7E615B 50%, #B6876D 100%);
    background: -webkit-linear-gradient(top, #473C3C 0%, #7E615B 50%, #B6876D 100%);
    background: linear-gradient(to bottom, #473C3C 0%, #7E615B 50%, #B6876D 100%);
}
</style>