#4DCC7A - #72FF9C | 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 #4DCC7A to #72FF9C

#4DCC7A #72FF9C

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

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

0.0%	0.0% #4DCC7A	RGB 77 204 122	#4DCC7A
16.7%	16.7% #53D47F	RGB 83 212 127	#53D47F
33.3%	33.3% #59DD85	RGB 89 221 133	#59DD85
50.0%	50.0% #5FE58B	RGB 95 229 139	#5FE58B
66.7%	66.7% #65EE90	RGB 101 238 144	#65EE90
83.3%	83.3% #6BF696	RGB 107 246 150	#6BF696
100.0%	100.0% #72FF9C	RGB 114 255 156	#72FF9C

#4DCC7A #53D47F #59DD85 #5FE58B #65EE90 #6BF696 #72FF9C

#4DCC7A - #72FF9C

HSV Blend

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

0.0%	0.0% #4DCC7A	RGB 77 204 122	#4DCC7A
16.7%	16.7% #52D47F	RGB 82 212 127	#52D47F
33.3%	33.3% #58DD84	RGB 88 221 132	#58DD84
50.0%	50.0% #5EE58A	RGB 94 229 138	#5EE58A
66.7%	66.7% #64EE90	RGB 100 238 144	#64EE90
83.3%	83.3% #6BF696	RGB 107 246 150	#6BF696
100.0%	100.0% #72FF9C	RGB 114 255 156	#72FF9C

#4DCC7A #52D47F #58DD84 #5EE58A #64EE90 #6BF696 #72FF9C

#4DCC7A - #5EE58A - #72FF9C

CSS codes

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

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