#998B5E - #2B271A | 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 #998B5E to #2B271A

#998B5E #2B271A

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

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

0.0%	0.0% #998B5E	RGB 153 139 94	#998B5E
16.7%	16.7% #867A52	RGB 134 122 82	#867A52
33.3%	33.3% #746947	RGB 116 105 71	#746947
50.0%	50.0% #62593C	RGB 98 89 60	#62593C
66.7%	66.7% #4F4830	RGB 79 72 48	#4F4830
83.3%	83.3% #3D3725	RGB 61 55 37	#3D3725
100.0%	100.0% #2B271A	RGB 43 39 26	#2B271A

#998B5E #867A52 #746947 #62593C #4F4830 #3D3725 #2B271A

#998B5E - #2B271A

HSV Blend

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

0.0%	0.0% #998B5E	RGB 153 139 94	#998B5E
16.7%	16.7% #867A52	RGB 134 122 82	#867A52
33.3%	33.3% #746947	RGB 116 105 71	#746947
50.0%	50.0% #62583B	RGB 98 88 59	#62583B
66.7%	66.7% #4F4830	RGB 79 72 48	#4F4830
83.3%	83.3% #3D3725	RGB 61 55 37	#3D3725
100.0%	100.0% #2B271A	RGB 43 39 26	#2B271A

#998B5E #867A52 #746947 #62583B #4F4830 #3D3725 #2B271A

#998B5E - #62583B - #2B271A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #998B5E 0%, #62583B 50%, #2B271A 100%);
    background: -webkit-linear-gradient(top, #998B5E 0%, #62583B 50%, #2B271A 100%);
    background: linear-gradient(to bottom, #998B5E 0%, #62583B 50%, #2B271A 100%);
}
</style>