#4C5E5A - #71D4BF | 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 #4C5E5A to #71D4BF

#4C5E5A #71D4BF

Calculate the color between two colors, #4C5E5A and #71D4BF. 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)

#4C5E5A - #71D4BF | 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 #4C5E5A as 0% and #71D4BF as 100%.

0.0%	0.0% #4C5E5A	RGB 76 94 90	#4C5E5A
16.7%	16.7% #52716A	RGB 82 113 106	#52716A
33.3%	33.3% #58857B	RGB 88 133 123	#58857B
50.0%	50.0% #5E998C	RGB 94 153 140	#5E998C
66.7%	66.7% #64AC9D	RGB 100 172 157	#64AC9D
83.3%	83.3% #6AC0AE	RGB 106 192 174	#6AC0AE
100.0%	100.0% #71D4BF	RGB 113 212 191	#71D4BF

#4C5E5A #52716A #58857B #5E998C #64AC9D #6AC0AE #71D4BF

#4C5E5A - #71D4BF

HSV Blend

#4C5E5A - #71D4BF | 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 #4C5E5A as 0% and #71D4BF as 100%.

0.0%	0.0% #4C5E5A	RGB 76 94 90	#4C5E5A
16.7%	16.7% #56716B	RGB 86 113 107	#56716B
33.3%	33.3% #5F857D	RGB 95 133 125	#5F857D
50.0%	50.0% #66998E	RGB 102 153 142	#66998E
66.7%	66.7% #6BAC9E	RGB 107 172 158	#6BAC9E
83.3%	83.3% #6FC0AF	RGB 111 192 175	#6FC0AF
100.0%	100.0% #71D4BF	RGB 113 212 191	#71D4BF

#4C5E5A #56716B #5F857D #66998E #6BAC9E #6FC0AF #71D4BF

#4C5E5A - #66998E - #71D4BF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E5A 0%, #66998E 50%, #71D4BF 100%);
    background: -webkit-linear-gradient(top, #4C5E5A 0%, #66998E 50%, #71D4BF 100%);
    background: linear-gradient(to bottom, #4C5E5A 0%, #66998E 50%, #71D4BF 100%);
}
</style>