#B2B9FE - #E9EAFE | 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 #B2B9FE to #E9EAFE

#B2B9FE #E9EAFE

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

#B2B9FE - #E9EAFE | 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 #B2B9FE as 0% and #E9EAFE as 100%.

0.0%	0.0% #B2B9FE	RGB 178 185 254	#B2B9FE
16.7%	16.7% #BBC1FE	RGB 187 193 254	#BBC1FE
33.3%	33.3% #C4C9FE	RGB 196 201 254	#C4C9FE
50.0%	50.0% #CDD1FE	RGB 205 209 254	#CDD1FE
66.7%	66.7% #D6D9FE	RGB 214 217 254	#D6D9FE
83.3%	83.3% #DFE1FE	RGB 223 225 254	#DFE1FE
100.0%	100.0% #E9EAFE	RGB 233 234 254	#E9EAFE

#B2B9FE #BBC1FE #C4C9FE #CDD1FE #D6D9FE #DFE1FE #E9EAFE

#B2B9FE - #E9EAFE

HSV Blend

#B2B9FE - #E9EAFE | 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 #B2B9FE as 0% and #E9EAFE as 100%.

0.0%	0.0% #B2B8FE	RGB 178 184 254	#B2B8FE
16.7%	16.7% #BBC0FE	RGB 187 192 254	#BBC0FE
33.3%	33.3% #C4C8FE	RGB 196 200 254	#C4C8FE
50.0%	50.0% #CDD0FE	RGB 205 208 254	#CDD0FE
66.7%	66.7% #D6D9FE	RGB 214 217 254	#D6D9FE
83.3%	83.3% #DFE1FE	RGB 223 225 254	#DFE1FE
100.0%	100.0% #E9EAFE	RGB 233 234 254	#E9EAFE

#B2B8FE #BBC0FE #C4C8FE #CDD0FE #D6D9FE #DFE1FE #E9EAFE

#B2B9FE - #CDD0FE - #E9EAFE

CSS codes

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

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