#B2B9FF - #FFEFFD | 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 #B2B9FF to #FFEFFD

#B2B9FF #FFEFFD

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

#B2B9FF - #FFEFFD | 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 #B2B9FF as 0% and #FFEFFD as 100%.

0.0%	0.0% #B2B9FF	RGB 178 185 255	#B2B9FF
16.7%	16.7% #BEC2FE	RGB 190 194 254	#BEC2FE
33.3%	33.3% #CBCBFE	RGB 203 203 254	#CBCBFE
50.0%	50.0% #D8D4FE	RGB 216 212 254	#D8D4FE
66.7%	66.7% #E5DDFD	RGB 229 221 253	#E5DDFD
83.3%	83.3% #F2E6FD	RGB 242 230 253	#F2E6FD
100.0%	100.0% #FFEFFD	RGB 255 239 253	#FFEFFD

#B2B9FF #BEC2FE #CBCBFE #D8D4FE #E5DDFD #F2E6FD #FFEFFD

#B2B9FF - #FFEFFD

HSV Blend

#B2B9FF - #FFEFFD | 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 #B2B9FF as 0% and #FFEFFD as 100%.

0.0%	0.0% #B2B9FF	RGB 178 185 255	#B2B9FF
16.7%	16.7% #C3BCFF	RGB 195 188 255	#C3BCFF
33.3%	33.3% #D8C6FF	RGB 216 198 255	#D8C6FF
50.0%	50.0% #E8D0FF	RGB 232 208 255	#E8D0FF
66.7%	66.7% #F4DAFF	RGB 244 218 255	#F4DAFF
83.3%	83.3% #FCE4FF	RGB 252 228 255	#FCE4FF
100.0%	100.0% #FFEFFD	RGB 255 239 253	#FFEFFD

#B2B9FF #C3BCFF #D8C6FF #E8D0FF #F4DAFF #FCE4FF #FFEFFD

#B2B9FF - #E8D0FF - #FFEFFD

CSS codes

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

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