#B2FFDF - #EDEFFF | 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 #B2FFDF to #EDEFFF

#B2FFDF #EDEFFF

Calculate the color between two colors, #B2FFDF and #EDEFFF. 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)

#B2FFDF - #EDEFFF | 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 #B2FFDF as 0% and #EDEFFF as 100%.

0.0%	0.0% #B2FFDF	RGB 178 255 223	#B2FFDF
16.7%	16.7% #BBFCE4	RGB 187 252 228	#BBFCE4
33.3%	33.3% #C5F9E9	RGB 197 249 233	#C5F9E9
50.0%	50.0% #CFF7EF	RGB 207 247 239	#CFF7EF
66.7%	66.7% #D9F4F4	RGB 217 244 244	#D9F4F4
83.3%	83.3% #E3F1F9	RGB 227 241 249	#E3F1F9
100.0%	100.0% #EDEFFF	RGB 237 239 255	#EDEFFF

#B2FFDF #BBFCE4 #C5F9E9 #CFF7EF #D9F4F4 #E3F1F9 #EDEFFF

#B2FFDF - #EDEFFF

HSV Blend

#B2FFDF - #EDEFFF | 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 #B2FFDF as 0% and #EDEFFF as 100%.

0.0%	0.0% #B2FFDF	RGB 178 255 223	#B2FFDF
16.7%	16.7% #BBFFF1	RGB 187 255 241	#BBFFF1
33.3%	33.3% #C5FDFF	RGB 197 253 255	#C5FDFF
50.0%	50.0% #CFF3FF	RGB 207 243 255	#CFF3FF
66.7%	66.7% #D9EDFF	RGB 217 237 255	#D9EDFF
83.3%	83.3% #E3ECFF	RGB 227 236 255	#E3ECFF
100.0%	100.0% #EDEFFF	RGB 237 239 255	#EDEFFF

#B2FFDF #BBFFF1 #C5FDFF #CFF3FF #D9EDFF #E3ECFF #EDEFFF

#B2FFDF - #CFF3FF - #EDEFFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2FFDF 0%, #CFF3FF 50%, #EDEFFF 100%);
    background: -webkit-linear-gradient(top, #B2FFDF 0%, #CFF3FF 50%, #EDEFFF 100%);
    background: linear-gradient(to bottom, #B2FFDF 0%, #CFF3FF 50%, #EDEFFF 100%);
}
</style>