#4A5E2E - #72C577 | 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 #4A5E2E to #72C577

#4A5E2E #72C577

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

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

0.0%	0.0% #4A5E2E	RGB 74 94 46	#4A5E2E
16.7%	16.7% #506F3A	RGB 80 111 58	#506F3A
33.3%	33.3% #578046	RGB 87 128 70	#578046
50.0%	50.0% #5E9152	RGB 94 145 82	#5E9152
66.7%	66.7% #64A25E	RGB 100 162 94	#64A25E
83.3%	83.3% #6BB36A	RGB 107 179 106	#6BB36A
100.0%	100.0% #72C577	RGB 114 197 119	#72C577

#4A5E2E #506F3A #578046 #5E9152 #64A25E #6BB36A #72C577

#4A5E2E - #72C577

HSV Blend

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

0.0%	0.0% #4A5E2E	RGB 74 94 46	#4A5E2E
16.7%	16.7% #526F38	RGB 82 111 56	#526F38
33.3%	33.3% #598042	RGB 89 128 66	#598042
50.0%	50.0% #5F914D	RGB 95 145 77	#5F914D
66.7%	66.7% #64A259	RGB 100 162 89	#64A259
83.3%	83.3% #69B365	RGB 105 179 101	#69B365
100.0%	100.0% #72C577	RGB 114 197 119	#72C577

#4A5E2E #526F38 #598042 #5F914D #64A259 #69B365 #72C577

#4A5E2E - #5F914D - #72C577

CSS codes

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

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