#2F5E4C - #52C7A9 | 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 #2F5E4C to #52C7A9

#2F5E4C #52C7A9

Calculate the color between two colors, #2F5E4C and #52C7A9. 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)

#2F5E4C - #52C7A9 | 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 #2F5E4C as 0% and #52C7A9 as 100%.

0.0%	0.0% #2F5E4C	RGB 47 94 76	#2F5E4C
16.7%	16.7% #346F5B	RGB 52 111 91	#346F5B
33.3%	33.3% #3A816B	RGB 58 129 107	#3A816B
50.0%	50.0% #40927A	RGB 64 146 122	#40927A
66.7%	66.7% #46A48A	RGB 70 164 138	#46A48A
83.3%	83.3% #4CB599	RGB 76 181 153	#4CB599
100.0%	100.0% #52C7A9	RGB 82 199 169	#52C7A9

#2F5E4C #346F5B #3A816B #40927A #46A48A #4CB599 #52C7A9

#2F5E4C - #52C7A9

HSV Blend

#2F5E4C - #52C7A9 | 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 #2F5E4C as 0% and #52C7A9 as 100%.

0.0%	0.0% #2F5E4C	RGB 47 94 76	#2F5E4C
16.7%	16.7% #366F5A	RGB 54 111 90	#366F5A
33.3%	33.3% #3C8169	RGB 60 129 105	#3C8169
50.0%	50.0% #429279	RGB 66 146 121	#429279
66.7%	66.7% #48A488	RGB 72 164 136	#48A488
83.3%	83.3% #4DB598	RGB 77 181 152	#4DB598
100.0%	100.0% #52C7A9	RGB 82 199 169	#52C7A9

#2F5E4C #366F5A #3C8169 #429279 #48A488 #4DB598 #52C7A9

#2F5E4C - #429279 - #52C7A9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5E4C 0%, #429279 50%, #52C7A9 100%);
    background: -webkit-linear-gradient(top, #2F5E4C 0%, #429279 50%, #52C7A9 100%);
    background: linear-gradient(to bottom, #2F5E4C 0%, #429279 50%, #52C7A9 100%);
}
</style>