#B2FFEB - #40E4C9 | 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 #B2FFEB to #40E4C9

#B2FFEB #40E4C9

Calculate the color between two colors, #B2FFEB and #40E4C9. 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)

#B2FFEB - #40E4C9 | 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 #B2FFEB as 0% and #40E4C9 as 100%.

0.0%	0.0% #B2FFEB	RGB 178 255 235	#B2FFEB
16.7%	16.7% #9FFAE5	RGB 159 250 229	#9FFAE5
33.3%	33.3% #8CF6DF	RGB 140 246 223	#8CF6DF
50.0%	50.0% #79F1DA	RGB 121 241 218	#79F1DA
66.7%	66.7% #66EDD4	RGB 102 237 212	#66EDD4
83.3%	83.3% #53E8CE	RGB 83 232 206	#53E8CE
100.0%	100.0% #40E4C9	RGB 64 228 201	#40E4C9

#B2FFEB #9FFAE5 #8CF6DF #79F1DA #66EDD4 #53E8CE #40E4C9

#B2FFEB - #40E4C9

HSV Blend

#B2FFEB - #40E4C9 | 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 #B2FFEB as 0% and #40E4C9 as 100%.

0.0%	0.0% #B2FFEB	RGB 178 255 235	#B2FFEB
16.7%	16.7% #9DFAE3	RGB 157 250 227	#9DFAE3
33.3%	33.3% #89F6DD	RGB 137 246 221	#89F6DD
50.0%	50.0% #76F1D7	RGB 118 241 215	#76F1D7
66.7%	66.7% #63EDD2	RGB 99 237 210	#63EDD2
83.3%	83.3% #51E8CD	RGB 81 232 205	#51E8CD
100.0%	100.0% #40E4C9	RGB 64 228 201	#40E4C9

#B2FFEB #9DFAE3 #89F6DD #76F1D7 #63EDD2 #51E8CD #40E4C9

#B2FFEB - #76F1D7 - #40E4C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFEB 0%, #76F1D7 50%, #40E4C9 100%);
    background: -webkit-linear-gradient(top, #B2FFEB 0%, #76F1D7 50%, #40E4C9 100%);
    background: linear-gradient(to bottom, #B2FFEB 0%, #76F1D7 50%, #40E4C9 100%);
}
</style>