#2D2B2B - #8F7362 | 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 #2D2B2B to #8F7362

#2D2B2B #8F7362

Calculate the color between two colors, #2D2B2B and #8F7362. 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)

#2D2B2B - #8F7362 | 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 #2D2B2B as 0% and #8F7362 as 100%.

0.0%	0.0% #2D2B2B	RGB 45 43 43	#2D2B2B
16.7%	16.7% #3D3734	RGB 61 55 52	#3D3734
33.3%	33.3% #4D433D	RGB 77 67 61	#4D433D
50.0%	50.0% #5E4F46	RGB 94 79 70	#5E4F46
66.7%	66.7% #6E5B4F	RGB 110 91 79	#6E5B4F
83.3%	83.3% #7E6758	RGB 126 103 88	#7E6758
100.0%	100.0% #8F7362	RGB 143 115 98	#8F7362

#2D2B2B #3D3734 #4D433D #5E4F46 #6E5B4F #7E6758 #8F7362

#2D2B2B - #8F7362

HSV Blend

#2D2B2B - #8F7362 | 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 #2D2B2B as 0% and #8F7362 as 100%.

0.0%	0.0% #2D2B2B	RGB 45 43 43	#2D2B2B
16.7%	16.7% #3D3837	RGB 61 56 55	#3D3837
33.3%	33.3% #4D4443	RGB 77 68 67	#4D4443
50.0%	50.0% #5E504D	RGB 94 80 77	#5E504D
66.7%	66.7% #6E5B55	RGB 110 91 85	#6E5B55
83.3%	83.3% #7E675C	RGB 126 103 92	#7E675C
100.0%	100.0% #8F7362	RGB 143 115 98	#8F7362

#2D2B2B #3D3837 #4D4443 #5E504D #6E5B55 #7E675C #8F7362

#2D2B2B - #5E504D - #8F7362

CSS codes

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

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