#906E5E - #6C2B18 | 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 #906E5E to #6C2B18

#906E5E #6C2B18

Calculate the color between two colors, #906E5E and #6C2B18. 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)

#906E5E - #6C2B18 | 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 #906E5E as 0% and #6C2B18 as 100%.

0.0%	0.0% #906E5E	RGB 144 110 94	#906E5E
16.7%	16.7% #8A6252	RGB 138 98 82	#8A6252
33.3%	33.3% #845746	RGB 132 87 70	#845746
50.0%	50.0% #7E4C3B	RGB 126 76 59	#7E4C3B
66.7%	66.7% #78412F	RGB 120 65 47	#78412F
83.3%	83.3% #723623	RGB 114 54 35	#723623
100.0%	100.0% #6C2B18	RGB 108 43 24	#6C2B18

#906E5E #8A6252 #845746 #7E4C3B #78412F #723623 #6C2B18

#906E5E - #6C2B18

HSV Blend

#906E5E - #6C2B18 | 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 #906E5E as 0% and #6C2B18 as 100%.

0.0%	0.0% #906E5E	RGB 144 110 94	#906E5E
16.7%	16.7% #8A6150	RGB 138 97 80	#8A6150
33.3%	33.3% #845543	RGB 132 85 67	#845543
50.0%	50.0% #7E4A37	RGB 126 74 55	#7E4A37
66.7%	66.7% #783F2B	RGB 120 63 43	#783F2B
83.3%	83.3% #723421	RGB 114 52 33	#723421
100.0%	100.0% #6C2B18	RGB 108 43 24	#6C2B18

#906E5E #8A6150 #845543 #7E4A37 #783F2B #723421 #6C2B18

#906E5E - #7E4A37 - #6C2B18

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #906E5E 0%, #7E4A37 50%, #6C2B18 100%);
    background: -webkit-linear-gradient(top, #906E5E 0%, #7E4A37 50%, #6C2B18 100%);
    background: linear-gradient(to bottom, #906E5E 0%, #7E4A37 50%, #6C2B18 100%);
}
</style>