#4D5E50 - #8BC076 | 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 #4D5E50 to #8BC076

#4D5E50 #8BC076

Calculate the color between two colors, #4D5E50 and #8BC076. 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)

#4D5E50 - #8BC076 | 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 #4D5E50 as 0% and #8BC076 as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #576E56	RGB 87 110 86	#576E56
33.3%	33.3% #617E5C	RGB 97 126 92	#617E5C
50.0%	50.0% #6C8F63	RGB 108 143 99	#6C8F63
66.7%	66.7% #769F69	RGB 118 159 105	#769F69
83.3%	83.3% #80AF6F	RGB 128 175 111	#80AF6F
100.0%	100.0% #8BC076	RGB 139 192 118	#8BC076

#4D5E50 #576E56 #617E5C #6C8F63 #769F69 #80AF6F #8BC076

#4D5E50 - #8BC076

HSV Blend

#4D5E50 - #8BC076 | 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 #4D5E50 as 0% and #8BC076 as 100%.

0.0%	0.0% #4D5E50	RGB 77 94 80	#4D5E50
16.7%	16.7% #566E58	RGB 86 110 88	#566E58
33.3%	33.3% #5F7E5F	RGB 95 126 95	#5F7E5F
50.0%	50.0% #688F66	RGB 104 143 102	#688F66
66.7%	66.7% #739F6C	RGB 115 159 108	#739F6C
83.3%	83.3% #7EAF71	RGB 126 175 113	#7EAF71
100.0%	100.0% #8BC076	RGB 139 192 118	#8BC076

#4D5E50 #566E58 #5F7E5F #688F66 #739F6C #7EAF71 #8BC076

#4D5E50 - #688F66 - #8BC076

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E50 0%, #688F66 50%, #8BC076 100%);
    background: -webkit-linear-gradient(top, #4D5E50 0%, #688F66 50%, #8BC076 100%);
    background: linear-gradient(to bottom, #4D5E50 0%, #688F66 50%, #8BC076 100%);
}
</style>