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

#4D5E5B #76CED3

Calculate the color between two colors, #4D5E5B and #76CED3. 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 - #76CED3 | 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 #76CED3 as 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #53706F	RGB 83 112 111	#53706F
33.3%	33.3% #5A8383	RGB 90 131 131	#5A8383
50.0%	50.0% #619697	RGB 97 150 151	#619697
66.7%	66.7% #68A8AB	RGB 104 168 171	#68A8AB
83.3%	83.3% #6FBBBF	RGB 111 187 191	#6FBBBF
100.0%	100.0% #76CED3	RGB 118 206 211	#76CED3

#4D5E5B #53706F #5A8383 #619697 #68A8AB #6FBBBF #76CED3

#4D5E5B - #76CED3

HSV Blend

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

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #58716D	RGB 88 113 109	#58716D
33.3%	33.3% #618581	RGB 97 133 129	#618581
50.0%	50.0% #699895	RGB 105 152 149	#699895
66.7%	66.7% #6FACAA	RGB 111 172 170	#6FACAA
83.3%	83.3% #73BEBF	RGB 115 190 191	#73BEBF
100.0%	100.0% #76CED3	RGB 118 206 211	#76CED3

#4D5E5B #58716D #618581 #699895 #6FACAA #73BEBF #76CED3

#4D5E5B - #699895 - #76CED3

CSS codes

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

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