#B9A2F7 - #FFE3ED | 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 #B9A2F7 to #FFE3ED

#B9A2F7 #FFE3ED

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

#B9A2F7 - #FFE3ED | 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 #B9A2F7 as 0% and #FFE3ED as 100%.

0.0%	0.0% #B9A2F7	RGB 185 162 247	#B9A2F7
16.7%	16.7% #C4ACF5	RGB 196 172 245	#C4ACF5
33.3%	33.3% #D0B7F3	RGB 208 183 243	#D0B7F3
50.0%	50.0% #DCC2F2	RGB 220 194 242	#DCC2F2
66.7%	66.7% #E7CDF0	RGB 231 205 240	#E7CDF0
83.3%	83.3% #F3D8EE	RGB 243 216 238	#F3D8EE
100.0%	100.0% #FFE3ED	RGB 255 227 237	#FFE3ED

#B9A2F7 #C4ACF5 #D0B7F3 #DCC2F2 #E7CDF0 #F3D8EE #FFE3ED

#B9A2F7 - #FFE3ED

HSV Blend

#B9A2F7 - #FFE3ED | 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 #B9A2F7 as 0% and #FFE3ED as 100%.

0.0%	0.0% #B9A2F7	RGB 185 162 247	#B9A2F7
16.7%	16.7% #D2ACF8	RGB 210 172 248	#D2ACF8
33.3%	33.3% #E7B7F9	RGB 231 183 249	#E7B7F9
50.0%	50.0% #F8C2FB	RGB 248 194 251	#F8C2FB
66.7%	66.7% #FCCCF3	RGB 252 204 243	#FCCCF3
83.3%	83.3% #FDD7EE	RGB 253 215 238	#FDD7EE
100.0%	100.0% #FFE3ED	RGB 255 227 237	#FFE3ED

#B9A2F7 #D2ACF8 #E7B7F9 #F8C2FB #FCCCF3 #FDD7EE #FFE3ED

#B9A2F7 - #F8C2FB - #FFE3ED

CSS codes

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

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