#4A582B - #958D8C | 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 #4A582B to #958D8C

#4A582B #958D8C

Calculate the color between two colors, #4A582B and #958D8C. 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)

#4A582B - #958D8C | 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 #4A582B as 0% and #958D8C as 100%.

0.0%	0.0% #4A582B	RGB 74 88 43	#4A582B
16.7%	16.7% #56603B	RGB 86 96 59	#56603B
33.3%	33.3% #63694B	RGB 99 105 75	#63694B
50.0%	50.0% #6F725B	RGB 111 114 91	#6F725B
66.7%	66.7% #7C7B6B	RGB 124 123 107	#7C7B6B
83.3%	83.3% #88847B	RGB 136 132 123	#88847B
100.0%	100.0% #958D8C	RGB 149 141 140	#958D8C

#4A582B #56603B #63694B #6F725B #7C7B6B #88847B #958D8C

#4A582B - #958D8C

HSV Blend

#4A582B - #958D8C | 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 #4A582B as 0% and #958D8C as 100%.

0.0%	0.0% #4A582B	RGB 74 88 43	#4A582B
16.7%	16.7% #5D6237	RGB 93 98 55	#5D6237
33.3%	33.3% #6C6845	RGB 108 104 69	#6C6845
50.0%	50.0% #766C54	RGB 118 108 84	#766C54
66.7%	66.7% #807365	RGB 128 115 101	#807365
83.3%	83.3% #8A7D78	RGB 138 125 120	#8A7D78
100.0%	100.0% #958D8C	RGB 149 141 140	#958D8C

#4A582B #5D6237 #6C6845 #766C54 #807365 #8A7D78 #958D8C

#4A582B - #766C54 - #958D8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A582B 0%, #766C54 50%, #958D8C 100%);
    background: -webkit-linear-gradient(top, #4A582B 0%, #766C54 50%, #958D8C 100%);
    background: linear-gradient(to bottom, #4A582B 0%, #766C54 50%, #958D8C 100%);
}
</style>