#B5BFDF - #EED5FF | 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 #B5BFDF to #EED5FF

#B5BFDF #EED5FF

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

#B5BFDF - #EED5FF | 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 #B5BFDF as 0% and #EED5FF as 100%.

0.0%	0.0% #B5BFDF	RGB 181 191 223	#B5BFDF
16.7%	16.7% #BEC2E4	RGB 190 194 228	#BEC2E4
33.3%	33.3% #C8C6E9	RGB 200 198 233	#C8C6E9
50.0%	50.0% #D1CAEF	RGB 209 202 239	#D1CAEF
66.7%	66.7% #DBCDF4	RGB 219 205 244	#DBCDF4
83.3%	83.3% #E4D1F9	RGB 228 209 249	#E4D1F9
100.0%	100.0% #EED5FF	RGB 238 213 255	#EED5FF

#B5BFDF #BEC2E4 #C8C6E9 #D1CAEF #DBCDF4 #E4D1F9 #EED5FF

#B5BFDF - #EED5FF

HSV Blend

#B5BFDF - #EED5FF | 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 #B5BFDF as 0% and #EED5FF as 100%.

0.0%	0.0% #B5BFDF	RGB 181 191 223	#B5BFDF
16.7%	16.7% #BABEE4	RGB 186 190 228	#BABEE4
33.3%	33.3% #C1BFE9	RGB 193 191 233	#C1BFE9
50.0%	50.0% #CCC4EF	RGB 204 196 239	#CCC4EF
66.7%	66.7% #D7CAF4	RGB 215 202 244	#D7CAF4
83.3%	83.3% #E2CFF9	RGB 226 207 249	#E2CFF9
100.0%	100.0% #EED5FF	RGB 238 213 255	#EED5FF

#B5BFDF #BABEE4 #C1BFE9 #CCC4EF #D7CAF4 #E2CFF9 #EED5FF

#B5BFDF - #CCC4EF - #EED5FF

CSS codes

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

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