#2EB2AA - #C0EBAA | 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 #2EB2AA to #C0EBAA

#2EB2AA #C0EBAA

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

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

0.0%	0.0% #2EB2AA	RGB 46 178 170	#2EB2AA
16.7%	16.7% #46BBAA	RGB 70 187 170	#46BBAA
33.3%	33.3% #5EC5AA	RGB 94 197 170	#5EC5AA
50.0%	50.0% #77CEAA	RGB 119 206 170	#77CEAA
66.7%	66.7% #8FD8AA	RGB 143 216 170	#8FD8AA
83.3%	83.3% #A7E1AA	RGB 167 225 170	#A7E1AA
100.0%	100.0% #C0EBAA	RGB 192 235 170	#C0EBAA

#2EB2AA #46BBAA #5EC5AA #77CEAA #8FD8AA #A7E1AA #C0EBAA

#2EB2AA - #C0EBAA

HSV Blend

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

0.0%	0.0% #2EB2A9	RGB 46 178 169	#2EB2A9
16.7%	16.7% #3EBB99	RGB 62 187 153	#3EBB99
33.3%	33.3% #51C58C	RGB 81 197 140	#51C58C
50.0%	50.0% #65CE84	RGB 101 206 132	#65CE84
66.7%	66.7% #7AD882	RGB 122 216 130	#7AD882
83.3%	83.3% #9BE191	RGB 155 225 145	#9BE191
100.0%	100.0% #C0EBAA	RGB 192 235 170	#C0EBAA

#2EB2A9 #3EBB99 #51C58C #65CE84 #7AD882 #9BE191 #C0EBAA

#2EB2AA - #65CE84 - #C0EBAA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EB2A9 0%, #65CE84 50%, #C0EBAA 100%);
    background: -webkit-linear-gradient(top, #2EB2A9 0%, #65CE84 50%, #C0EBAA 100%);
    background: linear-gradient(to bottom, #2EB2A9 0%, #65CE84 50%, #C0EBAA 100%);
}
</style>