#B0FFF0 - #EEEBFF | 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 #B0FFF0 to #EEEBFF

#B0FFF0 #EEEBFF

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

#B0FFF0 - #EEEBFF | 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 #B0FFF0 as 0% and #EEEBFF as 100%.

0.0%	0.0% #B0FFF0	RGB 176 255 240	#B0FFF0
16.7%	16.7% #BAFBF2	RGB 186 251 242	#BAFBF2
33.3%	33.3% #C4F8F5	RGB 196 248 245	#C4F8F5
50.0%	50.0% #CFF5F7	RGB 207 245 247	#CFF5F7
66.7%	66.7% #D9F1FA	RGB 217 241 250	#D9F1FA
83.3%	83.3% #E3EEFC	RGB 227 238 252	#E3EEFC
100.0%	100.0% #EEEBFF	RGB 238 235 255	#EEEBFF

#B0FFF0 #BAFBF2 #C4F8F5 #CFF5F7 #D9F1FA #E3EEFC #EEEBFF

#B0FFF0 - #EEEBFF

HSV Blend

#B0FFF0 - #EEEBFF | 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 #B0FFF0 as 0% and #EEEBFF as 100%.

0.0%	0.0% #B0FFF0	RGB 176 255 240	#B0FFF0
16.7%	16.7% #B9FCFF	RGB 185 252 255	#B9FCFF
33.3%	33.3% #C3EFFF	RGB 195 239 255	#C3EFFF
50.0%	50.0% #CDE7FF	RGB 205 231 255	#CDE7FF
66.7%	66.7% #D7E3FF	RGB 215 227 255	#D7E3FF
83.3%	83.3% #E1E3FF	RGB 225 227 255	#E1E3FF
100.0%	100.0% #EEEBFF	RGB 238 235 255	#EEEBFF

#B0FFF0 #B9FCFF #C3EFFF #CDE7FF #D7E3FF #E1E3FF #EEEBFF

#B0FFF0 - #CDE7FF - #EEEBFF

CSS codes

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

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