#2BAEAA - #BAE9AB | 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 #2BAEAA to #BAE9AB

#2BAEAA #BAE9AB

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

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

0.0%	0.0% #2BAEAA	RGB 43 174 170	#2BAEAA
16.7%	16.7% #42B7AA	RGB 66 183 170	#42B7AA
33.3%	33.3% #5AC1AA	RGB 90 193 170	#5AC1AA
50.0%	50.0% #72CBAA	RGB 114 203 170	#72CBAA
66.7%	66.7% #8AD5AA	RGB 138 213 170	#8AD5AA
83.3%	83.3% #A2DFAA	RGB 162 223 170	#A2DFAA
100.0%	100.0% #BAE9AB	RGB 186 233 171	#BAE9AB

#2BAEAA #42B7AA #5AC1AA #72CBAA #8AD5AA #A2DFAA #BAE9AB

#2BAEAA - #BAE9AB

HSV Blend

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

0.0%	0.0% #2BAEAA	RGB 43 174 170	#2BAEAA
16.7%	16.7% #3CB79B	RGB 60 183 155	#3CB79B
33.3%	33.3% #4FC18F	RGB 79 193 143	#4FC18F
50.0%	50.0% #63CB89	RGB 99 203 137	#63CB89
66.7%	66.7% #79D588	RGB 121 213 136	#79D588
83.3%	83.3% #94DF91	RGB 148 223 145	#94DF91
100.0%	100.0% #BAE9AB	RGB 186 233 171	#BAE9AB

#2BAEAA #3CB79B #4FC18F #63CB89 #79D588 #94DF91 #BAE9AB

#2BAEAA - #63CB89 - #BAE9AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
    background: -webkit-linear-gradient(top, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
    background: linear-gradient(to bottom, #2BAEAA 0%, #63CB89 50%, #BAE9AB 100%);
}
</style>