#5E2D1B - #86985F | 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 #5E2D1B to #86985F

#5E2D1B #86985F

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

#5E2D1B - #86985F | 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 #5E2D1B as 0% and #86985F as 100%.

0.0%	0.0% #5E2D1B	RGB 94 45 27	#5E2D1B
16.7%	16.7% #643E26	RGB 100 62 38	#643E26
33.3%	33.3% #6B5031	RGB 107 80 49	#6B5031
50.0%	50.0% #72623D	RGB 114 98 61	#72623D
66.7%	66.7% #787448	RGB 120 116 72	#787448
83.3%	83.3% #7F8653	RGB 127 134 83	#7F8653
100.0%	100.0% #86985F	RGB 134 152 95	#86985F

#5E2D1B #643E26 #6B5031 #72623D #787448 #7F8653 #86985F

#5E2D1B - #86985F

HSV Blend

#5E2D1B - #86985F | 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 #5E2D1B as 0% and #86985F as 100%.

0.0%	0.0% #5E2D1B	RGB 94 45 27	#5E2D1B
16.7%	16.7% #674123	RGB 103 65 35	#674123
33.3%	33.3% #71572D	RGB 113 87 45	#71572D
50.0%	50.0% #7B6D38	RGB 123 109 56	#7B6D38
66.7%	66.7% #848243	RGB 132 130 67	#848243
83.3%	83.3% #858E50	RGB 133 142 80	#858E50
100.0%	100.0% #86985F	RGB 134 152 95	#86985F

#5E2D1B #674123 #71572D #7B6D38 #848243 #858E50 #86985F

#5E2D1B - #7B6D38 - #86985F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2D1B 0%, #7B6D38 50%, #86985F 100%);
    background: -webkit-linear-gradient(top, #5E2D1B 0%, #7B6D38 50%, #86985F 100%);
    background: linear-gradient(to bottom, #5E2D1B 0%, #7B6D38 50%, #86985F 100%);
}
</style>