#B7BFE7 - #EAECF8 | 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 #B7BFE7 to #EAECF8

#B7BFE7 #EAECF8

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

#B7BFE7 - #EAECF8 | 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 #B7BFE7 as 0% and #EAECF8 as 100%.

0.0%	0.0% #B7BFE7	RGB 183 191 231	#B7BFE7
16.7%	16.7% #BFC6E9	RGB 191 198 233	#BFC6E9
33.3%	33.3% #C8CEEC	RGB 200 206 236	#C8CEEC
50.0%	50.0% #D0D5EF	RGB 208 213 239	#D0D5EF
66.7%	66.7% #D9DDF2	RGB 217 221 242	#D9DDF2
83.3%	83.3% #E1E4F5	RGB 225 228 245	#E1E4F5
100.0%	100.0% #EAECF8	RGB 234 236 248	#EAECF8

#B7BFE7 #BFC6E9 #C8CEEC #D0D5EF #D9DDF2 #E1E4F5 #EAECF8

#B7BFE7 - #EAECF8

HSV Blend

#B7BFE7 - #EAECF8 | 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 #B7BFE7 as 0% and #EAECF8 as 100%.

0.0%	0.0% #B7BFE7	RGB 183 191 231	#B7BFE7
16.7%	16.7% #BFC6E9	RGB 191 198 233	#BFC6E9
33.3%	33.3% #C7CDEC	RGB 199 205 236	#C7CDEC
50.0%	50.0% #CFD4EF	RGB 207 212 239	#CFD4EF
66.7%	66.7% #D8DCF2	RGB 216 220 242	#D8DCF2
83.3%	83.3% #E1E4F5	RGB 225 228 245	#E1E4F5
100.0%	100.0% #EAECF8	RGB 234 236 248	#EAECF8

#B7BFE7 #BFC6E9 #C7CDEC #CFD4EF #D8DCF2 #E1E4F5 #EAECF8

#B7BFE7 - #CFD4EF - #EAECF8

CSS codes

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

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