#4D5E56 - #72D4A3 | 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 #4D5E56 to #72D4A3

#4D5E56 #72D4A3

Calculate the color between two colors, #4D5E56 and #72D4A3. 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)

#4D5E56 - #72D4A3 | 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 #4D5E56 as 0% and #72D4A3 as 100%.

0.0%	0.0% #4D5E56	RGB 77 94 86	#4D5E56
16.7%	16.7% #537162	RGB 83 113 98	#537162
33.3%	33.3% #59856F	RGB 89 133 111	#59856F
50.0%	50.0% #5F997C	RGB 95 153 124	#5F997C
66.7%	66.7% #65AC89	RGB 101 172 137	#65AC89
83.3%	83.3% #6BC096	RGB 107 192 150	#6BC096
100.0%	100.0% #72D4A3	RGB 114 212 163	#72D4A3

#4D5E56 #537162 #59856F #5F997C #65AC89 #6BC096 #72D4A3

#4D5E56 - #72D4A3

HSV Blend

#4D5E56 - #72D4A3 | 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 #4D5E56 as 0% and #72D4A3 as 100%.

0.0%	0.0% #4D5E56	RGB 77 94 86	#4D5E56
16.7%	16.7% #577165	RGB 87 113 101	#577165
33.3%	33.3% #608573	RGB 96 133 115	#608573
50.0%	50.0% #679981	RGB 103 153 129	#679981
66.7%	66.7% #6DAC8D	RGB 109 172 141	#6DAC8D
83.3%	83.3% #70C098	RGB 112 192 152	#70C098
100.0%	100.0% #72D4A3	RGB 114 212 163	#72D4A3

#4D5E56 #577165 #608573 #679981 #6DAC8D #70C098 #72D4A3

#4D5E56 - #679981 - #72D4A3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E56 0%, #679981 50%, #72D4A3 100%);
    background: -webkit-linear-gradient(top, #4D5E56 0%, #679981 50%, #72D4A3 100%);
    background: linear-gradient(to bottom, #4D5E56 0%, #679981 50%, #72D4A3 100%);
}
</style>