#B2FFEF - #5FEFE2 | 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 #B2FFEF to #5FEFE2

#B2FFEF #5FEFE2

Calculate the color between two colors, #B2FFEF and #5FEFE2. 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)

#B2FFEF - #5FEFE2 | 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 #B2FFEF as 0% and #5FEFE2 as 100%.

0.0%	0.0% #B2FFEF	RGB 178 255 239	#B2FFEF
16.7%	16.7% #A4FCEC	RGB 164 252 236	#A4FCEC
33.3%	33.3% #96F9EA	RGB 150 249 234	#96F9EA
50.0%	50.0% #88F7E8	RGB 136 247 232	#88F7E8
66.7%	66.7% #7AF4E6	RGB 122 244 230	#7AF4E6
83.3%	83.3% #6CF1E4	RGB 108 241 228	#6CF1E4
100.0%	100.0% #5FEFE2	RGB 95 239 226	#5FEFE2

#B2FFEF #A4FCEC #96F9EA #88F7E8 #7AF4E6 #6CF1E4 #5FEFE2

#B2FFEF - #5FEFE2

HSV Blend

#B2FFEF - #5FEFE2 | 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 #B2FFEF as 0% and #5FEFE2 as 100%.

0.0%	0.0% #B2FFEF	RGB 178 255 239	#B2FFEF
16.7%	16.7% #A3FCEB	RGB 163 252 235	#A3FCEB
33.3%	33.3% #95F9E8	RGB 149 249 232	#95F9E8
50.0%	50.0% #87F7E6	RGB 135 247 230	#87F7E6
66.7%	66.7% #79F4E4	RGB 121 244 228	#79F4E4
83.3%	83.3% #6CF1E2	RGB 108 241 226	#6CF1E2
100.0%	100.0% #5FEFE2	RGB 95 239 226	#5FEFE2

#B2FFEF #A3FCEB #95F9E8 #87F7E6 #79F4E4 #6CF1E2 #5FEFE2

#B2FFEF - #87F7E6 - #5FEFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFEF 0%, #87F7E6 50%, #5FEFE2 100%);
    background: -webkit-linear-gradient(top, #B2FFEF 0%, #87F7E6 50%, #5FEFE2 100%);
    background: linear-gradient(to bottom, #B2FFEF 0%, #87F7E6 50%, #5FEFE2 100%);
}
</style>