#938B5E - #2A271A | 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 #938B5E to #2A271A

#938B5E #2A271A

Calculate the color between two colors, #938B5E and #2A271A. 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)

#938B5E - #2A271A | 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 #938B5E as 0% and #2A271A as 100%.

0.0%	0.0% #938B5E	RGB 147 139 94	#938B5E
16.7%	16.7% #817A52	RGB 129 122 82	#817A52
33.3%	33.3% #706947	RGB 112 105 71	#706947
50.0%	50.0% #5E593C	RGB 94 89 60	#5E593C
66.7%	66.7% #4D4830	RGB 77 72 48	#4D4830
83.3%	83.3% #3B3725	RGB 59 55 37	#3B3725
100.0%	100.0% #2A271A	RGB 42 39 26	#2A271A

#938B5E #817A52 #706947 #5E593C #4D4830 #3B3725 #2A271A

#938B5E - #2A271A

HSV Blend

#938B5E - #2A271A | 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 #938B5E as 0% and #2A271A as 100%.

0.0%	0.0% #938B5E	RGB 147 139 94	#938B5E
16.7%	16.7% #817A52	RGB 129 122 82	#817A52
33.3%	33.3% #706946	RGB 112 105 70	#706946
50.0%	50.0% #5E583B	RGB 94 88 59	#5E583B
66.7%	66.7% #4D4730	RGB 77 71 48	#4D4730
83.3%	83.3% #3B3725	RGB 59 55 37	#3B3725
100.0%	100.0% #2A271A	RGB 42 39 26	#2A271A

#938B5E #817A52 #706946 #5E583B #4D4730 #3B3725 #2A271A

#938B5E - #5E583B - #2A271A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #938B5E 0%, #5E583B 50%, #2A271A 100%);
    background: -webkit-linear-gradient(top, #938B5E 0%, #5E583B 50%, #2A271A 100%);
    background: linear-gradient(to bottom, #938B5E 0%, #5E583B 50%, #2A271A 100%);
}
</style>