#473E3C - #B6886A | 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 #473E3C to #B6886A

#473E3C #B6886A

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

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

0.0%	0.0% #473E3C	RGB 71 62 60	#473E3C
16.7%	16.7% #594A43	RGB 89 74 67	#594A43
33.3%	33.3% #6C564B	RGB 108 86 75	#6C564B
50.0%	50.0% #7E6353	RGB 126 99 83	#7E6353
66.7%	66.7% #916F5A	RGB 145 111 90	#916F5A
83.3%	83.3% #A37B62	RGB 163 123 98	#A37B62
100.0%	100.0% #B6886A	RGB 182 136 106	#B6886A

#473E3C #594A43 #6C564B #7E6353 #916F5A #A37B62 #B6886A

#473E3C - #B6886A

HSV Blend

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

0.0%	0.0% #473E3C	RGB 71 62 60	#473E3C
16.7%	16.7% #594B47	RGB 89 75 71	#594B47
33.3%	33.3% #6C5851	RGB 108 88 81	#6C5851
50.0%	50.0% #7E645A	RGB 126 100 90	#7E645A
66.7%	66.7% #917061	RGB 145 112 97	#917061
83.3%	83.3% #A37C66	RGB 163 124 102	#A37C66
100.0%	100.0% #B6886A	RGB 182 136 106	#B6886A

#473E3C #594B47 #6C5851 #7E645A #917061 #A37C66 #B6886A

#473E3C - #7E645A - #B6886A

CSS codes

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

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