#B2FFED - #3FE4CC | 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 #B2FFED to #3FE4CC

#B2FFED #3FE4CC

Calculate the color between two colors, #B2FFED and #3FE4CC. 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)

#B2FFED - #3FE4CC | 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 #B2FFED as 0% and #3FE4CC as 100%.

0.0%	0.0% #B2FFED	RGB 178 255 237	#B2FFED
16.7%	16.7% #9EFAE7	RGB 158 250 231	#9EFAE7
33.3%	33.3% #8BF6E2	RGB 139 246 226	#8BF6E2
50.0%	50.0% #78F1DC	RGB 120 241 220	#78F1DC
66.7%	66.7% #65EDD7	RGB 101 237 215	#65EDD7
83.3%	83.3% #52E8D1	RGB 82 232 209	#52E8D1
100.0%	100.0% #3FE4CC	RGB 63 228 204	#3FE4CC

#B2FFED #9EFAE7 #8BF6E2 #78F1DC #65EDD7 #52E8D1 #3FE4CC

#B2FFED - #3FE4CC

HSV Blend

#B2FFED - #3FE4CC | 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 #B2FFED as 0% and #3FE4CC as 100%.

0.0%	0.0% #B2FFED	RGB 178 255 237	#B2FFED
16.7%	16.7% #9DFAE6	RGB 157 250 230	#9DFAE6
33.3%	33.3% #89F6DF	RGB 137 246 223	#89F6DF
50.0%	50.0% #75F1DA	RGB 117 241 218	#75F1DA
66.7%	66.7% #62EDD4	RGB 98 237 212	#62EDD4
83.3%	83.3% #50E8D0	RGB 80 232 208	#50E8D0
100.0%	100.0% #3FE4CC	RGB 63 228 204	#3FE4CC

#B2FFED #9DFAE6 #89F6DF #75F1DA #62EDD4 #50E8D0 #3FE4CC

#B2FFED - #75F1DA - #3FE4CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFED 0%, #75F1DA 50%, #3FE4CC 100%);
    background: -webkit-linear-gradient(top, #B2FFED 0%, #75F1DA 50%, #3FE4CC 100%);
    background: linear-gradient(to bottom, #B2FFED 0%, #75F1DA 50%, #3FE4CC 100%);
}
</style>