#5E4D3A - #BA626F | 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 #5E4D3A to #BA626F

#5E4D3A #BA626F

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

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

0.0%	0.0% #5E4D3A	RGB 94 77 58	#5E4D3A
16.7%	16.7% #6D5042	RGB 109 80 66	#6D5042
33.3%	33.3% #7C544B	RGB 124 84 75	#7C544B
50.0%	50.0% #8C5754	RGB 140 87 84	#8C5754
66.7%	66.7% #9B5B5D	RGB 155 91 93	#9B5B5D
83.3%	83.3% #AA5E66	RGB 170 94 102	#AA5E66
100.0%	100.0% #BA626F	RGB 186 98 111	#BA626F

#5E4D3A #6D5042 #7C544B #8C5754 #9B5B5D #AA5E66 #BA626F

#5E4D3A - #BA626F

HSV Blend

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

0.0%	0.0% #5E4D3A	RGB 94 77 58	#5E4D3A
16.7%	16.7% #6D5341	RGB 109 83 65	#6D5341
33.3%	33.3% #7C5849	RGB 124 88 73	#7C5849
50.0%	50.0% #8C5B50	RGB 140 91 80	#8C5B50
66.7%	66.7% #9B5B56	RGB 155 91 86	#9B5B56
83.3%	83.3% #AA5C5F	RGB 170 92 95	#AA5C5F
100.0%	100.0% #BA626F	RGB 186 98 111	#BA626F

#5E4D3A #6D5341 #7C5849 #8C5B50 #9B5B56 #AA5C5F #BA626F

#5E4D3A - #8C5B50 - #BA626F

CSS codes

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

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