#5E493C - #A76B8B | 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 #5E493C to #A76B8B

#5E493C #A76B8B

Calculate the color between two colors, #5E493C and #A76B8B. 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)

#5E493C - #A76B8B | 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 #5E493C as 0% and #A76B8B as 100%.

0.0%	0.0% #5E493C	RGB 94 73 60	#5E493C
16.7%	16.7% #6A4E49	RGB 106 78 73	#6A4E49
33.3%	33.3% #765456	RGB 118 84 86	#765456
50.0%	50.0% #825A63	RGB 130 90 99	#825A63
66.7%	66.7% #8E5F70	RGB 142 95 112	#8E5F70
83.3%	83.3% #9A657D	RGB 154 101 125	#9A657D
100.0%	100.0% #A76B8B	RGB 167 107 139	#A76B8B

#5E493C #6A4E49 #765456 #825A63 #8E5F70 #9A657D #A76B8B

#5E493C - #A76B8B

HSV Blend

#5E493C - #A76B8B | 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 #5E493C as 0% and #A76B8B as 100%.

0.0%	0.0% #5E493C	RGB 94 73 60	#5E493C
16.7%	16.7% #6A4C43	RGB 106 76 67	#6A4C43
33.3%	33.3% #764E4B	RGB 118 78 75	#764E4B
50.0%	50.0% #825357	RGB 130 83 87	#825357
66.7%	66.7% #8E5B67	RGB 142 91 103	#8E5B67
83.3%	83.3% #9A6378	RGB 154 99 120	#9A6378
100.0%	100.0% #A76B8B	RGB 167 107 139	#A76B8B

#5E493C #6A4C43 #764E4B #825357 #8E5B67 #9A6378 #A76B8B

#5E493C - #825357 - #A76B8B

CSS codes

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

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