#2D2D2B - #8A6F54 | 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 #2D2D2B to #8A6F54

#2D2D2B #8A6F54

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

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #3C3831	RGB 60 56 49	#3C3831
33.3%	33.3% #4C4338	RGB 76 67 56	#4C4338
50.0%	50.0% #5B4E3F	RGB 91 78 63	#5B4E3F
66.7%	66.7% #6B5946	RGB 107 89 70	#6B5946
83.3%	83.3% #7A644D	RGB 122 100 77	#7A644D
100.0%	100.0% #8A6F54	RGB 138 111 84	#8A6F54

#2D2D2B #3C3831 #4C4338 #5B4E3F #6B5946 #7A644D #8A6F54

#2D2D2B - #8A6F54

HSV Blend

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #3C3B36	RGB 60 59 54	#3C3B36
33.3%	33.3% #4C493F	RGB 76 73 63	#4C493F
50.0%	50.0% #5B5647	RGB 91 86 71	#5B5647
66.7%	66.7% #6B614D	RGB 107 97 77	#6B614D
83.3%	83.3% #7A6951	RGB 122 105 81	#7A6951
100.0%	100.0% #8A6F54	RGB 138 111 84	#8A6F54

#2D2D2B #3C3B36 #4C493F #5B5647 #6B614D #7A6951 #8A6F54

#2D2D2B - #5B5647 - #8A6F54

CSS codes

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

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