#5E5532 - #8C8B7D | 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 #5E5532 to #8C8B7D

#5E5532 #8C8B7D

Calculate the color between two colors, #5E5532 and #8C8B7D. 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)

#5E5532 - #8C8B7D | 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 #5E5532 as 0% and #8C8B7D as 100%.

0.0%	0.0% #5E5532	RGB 94 85 50	#5E5532
16.7%	16.7% #655E3E	RGB 101 94 62	#655E3E
33.3%	33.3% #6D674B	RGB 109 103 75	#6D674B
50.0%	50.0% #757057	RGB 117 112 87	#757057
66.7%	66.7% #7C7964	RGB 124 121 100	#7C7964
83.3%	83.3% #848270	RGB 132 130 112	#848270
100.0%	100.0% #8C8B7D	RGB 140 139 125	#8C8B7D

#5E5532 #655E3E #6D674B #757057 #7C7964 #848270 #8C8B7D

#5E5532 - #8C8B7D

HSV Blend

#5E5532 - #8C8B7D | 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 #5E5532 as 0% and #8C8B7D as 100%.

0.0%	0.0% #5E5532	RGB 94 85 50	#5E5532
16.7%	16.7% #655E3C	RGB 101 94 60	#655E3C
33.3%	33.3% #6D6747	RGB 109 103 71	#6D6747
50.0%	50.0% #757053	RGB 117 112 83	#757053
66.7%	66.7% #7C7960	RGB 124 121 96	#7C7960
83.3%	83.3% #84826E	RGB 132 130 110	#84826E
100.0%	100.0% #8C8B7D	RGB 140 139 125	#8C8B7D

#5E5532 #655E3C #6D6747 #757053 #7C7960 #84826E #8C8B7D

#5E5532 - #757053 - #8C8B7D

CSS codes

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

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