#2DB6AE - #B2FD85 | 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 #2DB6AE to #B2FD85

#2DB6AE #B2FD85

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

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

0.0%	0.0% #2DB6AE	RGB 45 182 174	#2DB6AE
16.7%	16.7% #43C1A7	RGB 67 193 167	#43C1A7
33.3%	33.3% #59CDA0	RGB 89 205 160	#59CDA0
50.0%	50.0% #6FD999	RGB 111 217 153	#6FD999
66.7%	66.7% #85E592	RGB 133 229 146	#85E592
83.3%	83.3% #9BF18B	RGB 155 241 139	#9BF18B
100.0%	100.0% #B2FD85	RGB 178 253 133	#B2FD85

#2DB6AE #43C1A7 #59CDA0 #6FD999 #85E592 #9BF18B #B2FD85

#2DB6AE - #B2FD85

HSV Blend

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

0.0%	0.0% #2DB6AE	RGB 45 182 174	#2DB6AE
16.7%	16.7% #38C19B	RGB 56 193 155	#38C19B
33.3%	33.3% #45CD8A	RGB 69 205 138	#45CD8A
50.0%	50.0% #54D979	RGB 84 217 121	#54D979
66.7%	66.7% #63E56B	RGB 99 229 107	#63E56B
83.3%	83.3% #87F173	RGB 135 241 115	#87F173
100.0%	100.0% #B2FD85	RGB 178 253 133	#B2FD85

#2DB6AE #38C19B #45CD8A #54D979 #63E56B #87F173 #B2FD85

#2DB6AE - #54D979 - #B2FD85

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DB6AE 0%, #54D979 50%, #B2FD85 100%);
    background: -webkit-linear-gradient(top, #2DB6AE 0%, #54D979 50%, #B2FD85 100%);
    background: linear-gradient(to bottom, #2DB6AE 0%, #54D979 50%, #B2FD85 100%);
}
</style>