#B2BFD4 - #E9ECF2 | 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 #B2BFD4 to #E9ECF2

#B2BFD4 #E9ECF2

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

#B2BFD4 - #E9ECF2 | 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 #B2BFD4 as 0% and #E9ECF2 as 100%.

0.0%	0.0% #B2BFD4	RGB 178 191 212	#B2BFD4
16.7%	16.7% #BBC6D9	RGB 187 198 217	#BBC6D9
33.3%	33.3% #C4CEDE	RGB 196 206 222	#C4CEDE
50.0%	50.0% #CDD5E3	RGB 205 213 227	#CDD5E3
66.7%	66.7% #D6DDE8	RGB 214 221 232	#D6DDE8
83.3%	83.3% #DFE4ED	RGB 223 228 237	#DFE4ED
100.0%	100.0% #E9ECF2	RGB 233 236 242	#E9ECF2

#B2BFD4 #BBC6D9 #C4CEDE #CDD5E3 #D6DDE8 #DFE4ED #E9ECF2

#B2BFD4 - #E9ECF2

HSV Blend

#B2BFD4 - #E9ECF2 | 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 #B2BFD4 as 0% and #E9ECF2 as 100%.

0.0%	0.0% #B2BFD4	RGB 178 191 212	#B2BFD4
16.7%	16.7% #BAC6D9	RGB 186 198 217	#BAC6D9
33.3%	33.3% #C3CDDE	RGB 195 205 222	#C3CDDE
50.0%	50.0% #CCD4E3	RGB 204 212 227	#CCD4E3
66.7%	66.7% #D5DCE8	RGB 213 220 232	#D5DCE8
83.3%	83.3% #DFE3ED	RGB 223 227 237	#DFE3ED
100.0%	100.0% #E9ECF2	RGB 233 236 242	#E9ECF2

#B2BFD4 #BAC6D9 #C3CDDE #CCD4E3 #D5DCE8 #DFE3ED #E9ECF2

#B2BFD4 - #CCD4E3 - #E9ECF2

CSS codes

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

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