#2DA080 - #C3E3DA | 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 #2DA080 to #C3E3DA

#2DA080 #C3E3DA

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

#2DA080 - #C3E3DA | 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 #2DA080 as 0% and #C3E3DA as 100%.

0.0%	0.0% #2DA080	RGB 45 160 128	#2DA080
16.7%	16.7% #46AB8F	RGB 70 171 143	#46AB8F
33.3%	33.3% #5FB69E	RGB 95 182 158	#5FB69E
50.0%	50.0% #78C1AD	RGB 120 193 173	#78C1AD
66.7%	66.7% #91CCBC	RGB 145 204 188	#91CCBC
83.3%	83.3% #AAD7CB	RGB 170 215 203	#AAD7CB
100.0%	100.0% #C3E3DA	RGB 195 227 218	#C3E3DA

#2DA080 #46AB8F #5FB69E #78C1AD #91CCBC #AAD7CB #C3E3DA

#2DA080 - #C3E3DA

HSV Blend

#2DA080 - #C3E3DA | 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 #2DA080 as 0% and #C3E3DA as 100%.

0.0%	0.0% #2DA080	RGB 45 160 128	#2DA080
16.7%	16.7% #40AB8D	RGB 64 171 141	#40AB8D
33.3%	33.3% #56B69B	RGB 86 182 155	#56B69B
50.0%	50.0% #6EC1AA	RGB 110 193 170	#6EC1AA
66.7%	66.7% #88CCB9	RGB 136 204 185	#88CCB9
83.3%	83.3% #A4D7C9	RGB 164 215 201	#A4D7C9
100.0%	100.0% #C3E3DA	RGB 195 227 218	#C3E3DA

#2DA080 #40AB8D #56B69B #6EC1AA #88CCB9 #A4D7C9 #C3E3DA

#2DA080 - #6EC1AA - #C3E3DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DA080 0%, #6EC1AA 50%, #C3E3DA 100%);
    background: -webkit-linear-gradient(top, #2DA080 0%, #6EC1AA 50%, #C3E3DA 100%);
    background: linear-gradient(to bottom, #2DA080 0%, #6EC1AA 50%, #C3E3DA 100%);
}
</style>