#B0FFFA - #EEE6EF | 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 #B0FFFA to #EEE6EF

#B0FFFA #EEE6EF

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

#B0FFFA - #EEE6EF | 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 #B0FFFA as 0% and #EEE6EF as 100%.

0.0%	0.0% #B0FFFA	RGB 176 255 250	#B0FFFA
16.7%	16.7% #BAFAF8	RGB 186 250 248	#BAFAF8
33.3%	33.3% #C4F6F6	RGB 196 246 246	#C4F6F6
50.0%	50.0% #CFF2F4	RGB 207 242 244	#CFF2F4
66.7%	66.7% #D9EEF2	RGB 217 238 242	#D9EEF2
83.3%	83.3% #E3EAF0	RGB 227 234 240	#E3EAF0
100.0%	100.0% #EEE6EF	RGB 238 230 239	#EEE6EF

#B0FFFA #BAFAF8 #C4F6F6 #CFF2F4 #D9EEF2 #E3EAF0 #EEE6EF

#B0FFFA - #EEE6EF

HSV Blend

#B0FFFA - #EEE6EF | 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 #B0FFFA as 0% and #EEE6EF as 100%.

0.0%	0.0% #B0FFFA	RGB 176 255 250	#B0FFFA
16.7%	16.7% #B9EAFC	RGB 185 234 252	#B9EAFC
33.3%	33.3% #C2D9F9	RGB 194 217 249	#C2D9F9
50.0%	50.0% #CCCFF7	RGB 204 207 247	#CCCFF7
66.7%	66.7% #DCD4F4	RGB 220 212 244	#DCD4F4
83.3%	83.3% #E8DDF1	RGB 232 221 241	#E8DDF1
100.0%	100.0% #EEE6EF	RGB 238 230 239	#EEE6EF

#B0FFFA #B9EAFC #C2D9F9 #CCCFF7 #DCD4F4 #E8DDF1 #EEE6EF

#B0FFFA - #CCCFF7 - #EEE6EF

CSS codes

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

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