#B6B5FA - #FFE9EC | 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 #B6B5FA to #FFE9EC

#B6B5FA #FFE9EC

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

#B6B5FA - #FFE9EC | 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 #B6B5FA as 0% and #FFE9EC as 100%.

0.0%	0.0% #B6B5FA	RGB 182 181 250	#B6B5FA
16.7%	16.7% #C2BDF7	RGB 194 189 247	#C2BDF7
33.3%	33.3% #CEC6F5	RGB 206 198 245	#CEC6F5
50.0%	50.0% #DACFF3	RGB 218 207 243	#DACFF3
66.7%	66.7% #E6D7F0	RGB 230 215 240	#E6D7F0
83.3%	83.3% #F2E0EE	RGB 242 224 238	#F2E0EE
100.0%	100.0% #FFE9EC	RGB 255 233 236	#FFE9EC

#B6B5FA #C2BDF7 #CEC6F5 #DACFF3 #E6D7F0 #F2E0EE #FFE9EC

#B6B5FA - #FFE9EC

HSV Blend

#B6B5FA - #FFE9EC | 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 #B6B5FA as 0% and #FFE9EC as 100%.

0.0%	0.0% #B6B5FA	RGB 182 181 250	#B6B5FA
16.7%	16.7% #D1BDFA	RGB 209 189 250	#D1BDFA
33.3%	33.3% #E7C6FB	RGB 231 198 251	#E7C6FB
50.0%	50.0% #F9CEFC	RGB 249 206 252	#F9CEFC
66.7%	66.7% #FDD7F3	RGB 253 215 243	#FDD7F3
83.3%	83.3% #FEE0ED	RGB 254 224 237	#FEE0ED
100.0%	100.0% #FFE9EC	RGB 255 233 236	#FFE9EC

#B6B5FA #D1BDFA #E7C6FB #F9CEFC #FDD7F3 #FEE0ED #FFE9EC

#B6B5FA - #F9CEFC - #FFE9EC

CSS codes

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

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