#4D5E5B - #76C095 | 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 #4D5E5B to #76C095

#4D5E5B #76C095

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

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

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #536E64	RGB 83 110 100	#536E64
33.3%	33.3% #5A7E6E	RGB 90 126 110	#5A7E6E
50.0%	50.0% #618F78	RGB 97 143 120	#618F78
66.7%	66.7% #689F81	RGB 104 159 129	#689F81
83.3%	83.3% #6FAF8B	RGB 111 175 139	#6FAF8B
100.0%	100.0% #76C095	RGB 118 192 149	#76C095

#4D5E5B #536E64 #5A7E6E #618F78 #689F81 #6FAF8B #76C095

#4D5E5B - #76C095

HSV Blend

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

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #566E68	RGB 86 110 104	#566E68
33.3%	33.3% #5F7E74	RGB 95 126 116	#5F7E74
50.0%	50.0% #668F7F	RGB 102 143 127	#668F7F
66.7%	66.7% #6C9F88	RGB 108 159 136	#6C9F88
83.3%	83.3% #71AF8F	RGB 113 175 143	#71AF8F
100.0%	100.0% #76C095	RGB 118 192 149	#76C095

#4D5E5B #566E68 #5F7E74 #668F7F #6C9F88 #71AF8F #76C095

#4D5E5B - #668F7F - #76C095

CSS codes

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

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