#5E5C3A - #7F877C | 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 #5E5C3A to #7F877C

#5E5C3A #7F877C

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

#5E5C3A - #7F877C | 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 #5E5C3A as 0% and #7F877C as 100%.

0.0%	0.0% #5E5C3A	RGB 94 92 58	#5E5C3A
16.7%	16.7% #636345	RGB 99 99 69	#636345
33.3%	33.3% #696A50	RGB 105 106 80	#696A50
50.0%	50.0% #6E715B	RGB 110 113 91	#6E715B
66.7%	66.7% #747866	RGB 116 120 102	#747866
83.3%	83.3% #797F71	RGB 121 127 113	#797F71
100.0%	100.0% #7F877C	RGB 127 135 124	#7F877C

#5E5C3A #636345 #696A50 #6E715B #747866 #797F71 #7F877C

#5E5C3A - #7F877C

HSV Blend

#5E5C3A - #7F877C | 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 #5E5C3A as 0% and #7F877C as 100%.

0.0%	0.0% #5E5C3A	RGB 94 92 58	#5E5C3A
16.7%	16.7% #626443	RGB 98 100 67	#626443
33.3%	33.3% #656B4D	RGB 101 107 77	#656B4D
50.0%	50.0% #697257	RGB 105 114 87	#697257
66.7%	66.7% #6F7963	RGB 111 121 99	#6F7963
83.3%	83.3% #76806F	RGB 118 128 111	#76806F
100.0%	100.0% #7F877C	RGB 127 135 124	#7F877C

#5E5C3A #626443 #656B4D #697257 #6F7963 #76806F #7F877C

#5E5C3A - #697257 - #7F877C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C3A 0%, #697257 50%, #7F877C 100%);
    background: -webkit-linear-gradient(top, #5E5C3A 0%, #697257 50%, #7F877C 100%);
    background: linear-gradient(to bottom, #5E5C3A 0%, #697257 50%, #7F877C 100%);
}
</style>