#BFE0FF - #E2E7F2 | 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 #BFE0FF to #E2E7F2

#BFE0FF #E2E7F2

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

#BFE0FF - #E2E7F2 | 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 #BFE0FF as 0% and #E2E7F2 as 100%.

0.0%	0.0% #BFE0FF	RGB 191 224 255	#BFE0FF
16.7%	16.7% #C4E1FC	RGB 196 225 252	#C4E1FC
33.3%	33.3% #CAE2FA	RGB 202 226 250	#CAE2FA
50.0%	50.0% #D0E3F8	RGB 208 227 248	#D0E3F8
66.7%	66.7% #D6E4F6	RGB 214 228 246	#D6E4F6
83.3%	83.3% #DCE5F4	RGB 220 229 244	#DCE5F4
100.0%	100.0% #E2E7F2	RGB 226 231 242	#E2E7F2

#BFE0FF #C4E1FC #CAE2FA #D0E3F8 #D6E4F6 #DCE5F4 #E2E7F2

#BFE0FF - #E2E7F2

HSV Blend

#BFE0FF - #E2E7F2 | 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 #BFE0FF as 0% and #E2E7F2 as 100%.

0.0%	0.0% #BFE0FF	RGB 191 224 255	#BFE0FF
16.7%	16.7% #C5DFFC	RGB 197 223 252	#C5DFFC
33.3%	33.3% #CBE0FA	RGB 203 224 250	#CBE0FA
50.0%	50.0% #D1E1F8	RGB 209 225 248	#D1E1F8
66.7%	66.7% #D6E2F6	RGB 214 226 246	#D6E2F6
83.3%	83.3% #DCE4F4	RGB 220 228 244	#DCE4F4
100.0%	100.0% #E2E7F2	RGB 226 231 242	#E2E7F2

#BFE0FF #C5DFFC #CBE0FA #D1E1F8 #D6E2F6 #DCE4F4 #E2E7F2

#BFE0FF - #D1E1F8 - #E2E7F2

CSS codes

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

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