#5E4F3A - #B96268 | 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 #5E4F3A to #B96268

#5E4F3A #B96268

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

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

0.0%	0.0% #5E4F3A	RGB 94 79 58	#5E4F3A
16.7%	16.7% #6D5241	RGB 109 82 65	#6D5241
33.3%	33.3% #7C5549	RGB 124 85 73	#7C5549
50.0%	50.0% #8B5851	RGB 139 88 81	#8B5851
66.7%	66.7% #9A5B58	RGB 154 91 88	#9A5B58
83.3%	83.3% #A95E60	RGB 169 94 96	#A95E60
100.0%	100.0% #B96268	RGB 185 98 104	#B96268

#5E4F3A #6D5241 #7C5549 #8B5851 #9A5B58 #A95E60 #B96268

#5E4F3A - #B96268

HSV Blend

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

0.0%	0.0% #5E4F3A	RGB 94 79 58	#5E4F3A
16.7%	16.7% #6D5641	RGB 109 86 65	#6D5641
33.3%	33.3% #7C5B49	RGB 124 91 73	#7C5B49
50.0%	50.0% #8B5F4F	RGB 139 95 79	#8B5F4F
66.7%	66.7% #9A6056	RGB 154 96 86	#9A6056
83.3%	83.3% #A95F5C	RGB 169 95 92	#A95F5C
100.0%	100.0% #B96268	RGB 185 98 104	#B96268

#5E4F3A #6D5641 #7C5B49 #8B5F4F #9A6056 #A95F5C #B96268

#5E4F3A - #8B5F4F - #B96268

CSS codes

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

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