#BAA3E3 - #FFE1DC | 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 #BAA3E3 to #FFE1DC

#BAA3E3 #FFE1DC

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

#BAA3E3 - #FFE1DC | 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 #BAA3E3 as 0% and #FFE1DC as 100%.

0.0%	0.0% #BAA3E3	RGB 186 163 227	#BAA3E3
16.7%	16.7% #C5ADE1	RGB 197 173 225	#C5ADE1
33.3%	33.3% #D1B7E0	RGB 209 183 224	#D1B7E0
50.0%	50.0% #DCC2DF	RGB 220 194 223	#DCC2DF
66.7%	66.7% #E8CCDE	RGB 232 204 222	#E8CCDE
83.3%	83.3% #F3D6DD	RGB 243 214 221	#F3D6DD
100.0%	100.0% #FFE1DC	RGB 255 225 220	#FFE1DC

#BAA3E3 #C5ADE1 #D1B7E0 #DCC2DF #E8CCDE #F3D6DD #FFE1DC

#BAA3E3 - #FFE1DC

HSV Blend

#BAA3E3 - #FFE1DC | 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 #BAA3E3 as 0% and #FFE1DC as 100%.

0.0%	0.0% #BAA3E3	RGB 186 163 227	#BAA3E3
16.7%	16.7% #D3ABE7	RGB 211 171 231	#D3ABE7
33.3%	33.3% #E9B5EC	RGB 233 181 236	#E9B5EC
50.0%	50.0% #F1BEE4	RGB 241 190 228	#F1BEE4
66.7%	66.7% #F5C8DC	RGB 245 200 220	#F5C8DC
83.3%	83.3% #FAD1D8	RGB 250 209 216	#FAD1D8
100.0%	100.0% #FFE1DC	RGB 255 225 220	#FFE1DC

#BAA3E3 #D3ABE7 #E9B5EC #F1BEE4 #F5C8DC #FAD1D8 #FFE1DC

#BAA3E3 - #F1BEE4 - #FFE1DC

CSS codes

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

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