#4D5E4D - #76D472 | 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 #4D5E4D to #76D472

#4D5E4D #76D472

Calculate the color between two colors, #4D5E4D and #76D472. 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)

#4D5E4D - #76D472 | 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 #4D5E4D as 0% and #76D472 as 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #537153	RGB 83 113 83	#537153
33.3%	33.3% #5A8559	RGB 90 133 89	#5A8559
50.0%	50.0% #61995F	RGB 97 153 95	#61995F
66.7%	66.7% #68AC65	RGB 104 172 101	#68AC65
83.3%	83.3% #6FC06B	RGB 111 192 107	#6FC06B
100.0%	100.0% #76D472	RGB 118 212 114	#76D472

#4D5E4D #537153 #5A8559 #61995F #68AC65 #6FC06B #76D472

#4D5E4D - #76D472

HSV Blend

#4D5E4D - #76D472 | 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 #4D5E4D as 0% and #76D472 as 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #577157	RGB 87 113 87	#577157
33.3%	33.3% #618560	RGB 97 133 96	#618560
50.0%	50.0% #689967	RGB 104 153 103	#689967
66.7%	66.7% #6EAC6D	RGB 110 172 109	#6EAC6D
83.3%	83.3% #73C070	RGB 115 192 112	#73C070
100.0%	100.0% #76D472	RGB 118 212 114	#76D472

#4D5E4D #577157 #618560 #689967 #6EAC6D #73C070 #76D472

#4D5E4D - #689967 - #76D472

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E4D 0%, #689967 50%, #76D472 100%);
    background: -webkit-linear-gradient(top, #4D5E4D 0%, #689967 50%, #76D472 100%);
    background: linear-gradient(to bottom, #4D5E4D 0%, #689967 50%, #76D472 100%);
}
</style>