#4D5E55 - #97A372 | 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 #4D5E55 to #97A372

#4D5E55 #97A372

Calculate the color between two colors, #4D5E55 and #97A372. 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)

#4D5E55 - #97A372 | 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 #4D5E55 as 0% and #97A372 as 100%.

0.0%	0.0% #4D5E55	RGB 77 94 85	#4D5E55
16.7%	16.7% #596959	RGB 89 105 89	#596959
33.3%	33.3% #65755E	RGB 101 117 94	#65755E
50.0%	50.0% #728063	RGB 114 128 99	#728063
66.7%	66.7% #7E8C68	RGB 126 140 104	#7E8C68
83.3%	83.3% #8A976D	RGB 138 151 109	#8A976D
100.0%	100.0% #97A372	RGB 151 163 114	#97A372

#4D5E55 #596959 #65755E #728063 #7E8C68 #8A976D #97A372

#4D5E55 - #97A372

HSV Blend

#4D5E55 - #97A372 | 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 #4D5E55 as 0% and #97A372 as 100%.

0.0%	0.0% #4D5E55	RGB 77 94 85	#4D5E55
16.7%	16.7% #546959	RGB 84 105 89	#546959
33.3%	33.3% #5B755C	RGB 91 117 92	#5B755C
50.0%	50.0% #658061	RGB 101 128 97	#658061
66.7%	66.7% #748C67	RGB 116 140 103	#748C67
83.3%	83.3% #84976C	RGB 132 151 108	#84976C
100.0%	100.0% #97A372	RGB 151 163 114	#97A372

#4D5E55 #546959 #5B755C #658061 #748C67 #84976C #97A372

#4D5E55 - #658061 - #97A372

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E55 0%, #658061 50%, #97A372 100%);
    background: -webkit-linear-gradient(top, #4D5E55 0%, #658061 50%, #97A372 100%);
    background: linear-gradient(to bottom, #4D5E55 0%, #658061 50%, #97A372 100%);
}
</style>