#4D5E4F - #9AA571 | 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 #4D5E4F to #9AA571

#4D5E4F #9AA571

Calculate the color between two colors, #4D5E4F and #9AA571. 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)

#4D5E4F - #9AA571 | 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 #4D5E4F as 0% and #9AA571 as 100%.

0.0%	0.0% #4D5E4F	RGB 77 94 79	#4D5E4F
16.7%	16.7% #596954	RGB 89 105 84	#596954
33.3%	33.3% #66755A	RGB 102 117 90	#66755A
50.0%	50.0% #738160	RGB 115 129 96	#738160
66.7%	66.7% #808D65	RGB 128 141 101	#808D65
83.3%	83.3% #8D996B	RGB 141 153 107	#8D996B
100.0%	100.0% #9AA571	RGB 154 165 113	#9AA571

#4D5E4F #596954 #66755A #738160 #808D65 #8D996B #9AA571

#4D5E4F - #9AA571

HSV Blend

#4D5E4F - #9AA571 | 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 #4D5E4F as 0% and #9AA571 as 100%.

0.0%	0.0% #4D5E4F	RGB 77 94 79	#4D5E4F
16.7%	16.7% #556954	RGB 85 105 84	#556954
33.3%	33.3% #60755B	RGB 96 117 91	#60755B
50.0%	50.0% #6C8161	RGB 108 129 97	#6C8161
66.7%	66.7% #798D67	RGB 121 141 103	#798D67
83.3%	83.3% #88996C	RGB 136 153 108	#88996C
100.0%	100.0% #9AA571	RGB 154 165 113	#9AA571

#4D5E4F #556954 #60755B #6C8161 #798D67 #88996C #9AA571

#4D5E4F - #6C8161 - #9AA571

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E4F 0%, #6C8161 50%, #9AA571 100%);
    background: -webkit-linear-gradient(top, #4D5E4F 0%, #6C8161 50%, #9AA571 100%);
    background: linear-gradient(to bottom, #4D5E4F 0%, #6C8161 50%, #9AA571 100%);
}
</style>