#B0FFF6 - #EEECFF | 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 #B0FFF6 to #EEECFF

#B0FFF6 #EEECFF

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

#B0FFF6 - #EEECFF | 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 #B0FFF6 as 0% and #EEECFF as 100%.

0.0%	0.0% #B0FFF6	RGB 176 255 246	#B0FFF6
16.7%	16.7% #BAFBF7	RGB 186 251 247	#BAFBF7
33.3%	33.3% #C4F8F9	RGB 196 248 249	#C4F8F9
50.0%	50.0% #CFF5FA	RGB 207 245 250	#CFF5FA
66.7%	66.7% #D9F2FC	RGB 217 242 252	#D9F2FC
83.3%	83.3% #E3EFFD	RGB 227 239 253	#E3EFFD
100.0%	100.0% #EEECFF	RGB 238 236 255	#EEECFF

#B0FFF6 #BAFBF7 #C4F8F9 #CFF5FA #D9F2FC #E3EFFD #EEECFF

#B0FFF6 - #EEECFF

HSV Blend

#B0FFF6 - #EEECFF | 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 #B0FFF6 as 0% and #EEECFF as 100%.

0.0%	0.0% #B0FFF6	RGB 176 255 246	#B0FFF6
16.7%	16.7% #BAF8FF	RGB 186 248 255	#BAF8FF
33.3%	33.3% #C4EDFF	RGB 196 237 255	#C4EDFF
50.0%	50.0% #CEE6FF	RGB 206 230 255	#CEE6FF
66.7%	66.7% #D8E3FF	RGB 216 227 255	#D8E3FF
83.3%	83.3% #E2E4FF	RGB 226 228 255	#E2E4FF
100.0%	100.0% #EEECFF	RGB 238 236 255	#EEECFF

#B0FFF6 #BAF8FF #C4EDFF #CEE6FF #D8E3FF #E2E4FF #EEECFF

#B0FFF6 - #CEE6FF - #EEECFF

CSS codes

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

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