#2F5D5E - #4DDBA7 | 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 #2F5D5E to #4DDBA7

#2F5D5E #4DDBA7

Calculate the color between two colors, #2F5D5E and #4DDBA7. 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)

#2F5D5E - #4DDBA7 | 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 #2F5D5E as 0% and #4DDBA7 as 100%.

0.0%	0.0% #2F5D5E	RGB 47 93 94	#2F5D5E
16.7%	16.7% #34726A	RGB 52 114 106	#34726A
33.3%	33.3% #398776	RGB 57 135 118	#398776
50.0%	50.0% #3E9C82	RGB 62 156 130	#3E9C82
66.7%	66.7% #43B18E	RGB 67 177 142	#43B18E
83.3%	83.3% #48C69A	RGB 72 198 154	#48C69A
100.0%	100.0% #4DDBA7	RGB 77 219 167	#4DDBA7

#2F5D5E #34726A #398776 #3E9C82 #43B18E #48C69A #4DDBA7

#2F5D5E - #4DDBA7

HSV Blend

#2F5D5E - #4DDBA7 | 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 #2F5D5E as 0% and #4DDBA7 as 100%.

0.0%	0.0% #2F5C5E	RGB 47 92 94	#2F5C5E
16.7%	16.7% #367270	RGB 54 114 112	#367270
33.3%	33.3% #3D877F	RGB 61 135 127	#3D877F
50.0%	50.0% #429C8D	RGB 66 156 141	#429C8D
66.7%	66.7% #47B198	RGB 71 177 152	#47B198
83.3%	83.3% #4AC6A0	RGB 74 198 160	#4AC6A0
100.0%	100.0% #4DDBA7	RGB 77 219 167	#4DDBA7

#2F5C5E #367270 #3D877F #429C8D #47B198 #4AC6A0 #4DDBA7

#2F5D5E - #429C8D - #4DDBA7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F5C5E 0%, #429C8D 50%, #4DDBA7 100%);
    background: -webkit-linear-gradient(top, #2F5C5E 0%, #429C8D 50%, #4DDBA7 100%);
    background: linear-gradient(to bottom, #2F5C5E 0%, #429C8D 50%, #4DDBA7 100%);
}
</style>