#F3F0FF - #BFABD0 | 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 #F3F0FF to #BFABD0

#F3F0FF #BFABD0

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

#F3F0FF - #BFABD0 | 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 #F3F0FF as 0% and #BFABD0 as 100%.

0.0%	0.0% #F3F0FF	RGB 243 240 255	#F3F0FF
16.7%	16.7% #EAE4F7	RGB 234 228 247	#EAE4F7
33.3%	33.3% #E1D9EF	RGB 225 217 239	#E1D9EF
50.0%	50.0% #D9CDE7	RGB 217 205 231	#D9CDE7
66.7%	66.7% #D0C2DF	RGB 208 194 223	#D0C2DF
83.3%	83.3% #C7B6D7	RGB 199 182 215	#C7B6D7
100.0%	100.0% #BFABD0	RGB 191 171 208	#BFABD0

#F3F0FF #EAE4F7 #E1D9EF #D9CDE7 #D0C2DF #C7B6D7 #BFABD0

#F3F0FF - #BFABD0

HSV Blend

#F3F0FF - #BFABD0 | 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 #F3F0FF as 0% and #BFABD0 as 100%.

0.0%	0.0% #F3F0FF	RGB 243 240 255	#F3F0FF
16.7%	16.7% #E8E3F7	RGB 232 227 247	#E8E3F7
33.3%	33.3% #DFD7EF	RGB 223 215 239	#DFD7EF
50.0%	50.0% #D6CCE7	RGB 214 204 231	#D6CCE7
66.7%	66.7% #CDC0DF	RGB 205 192 223	#CDC0DF
83.3%	83.3% #C6B5D7	RGB 198 181 215	#C6B5D7
100.0%	100.0% #BFABD0	RGB 191 171 208	#BFABD0

#F3F0FF #E8E3F7 #DFD7EF #D6CCE7 #CDC0DF #C6B5D7 #BFABD0

#F3F0FF - #D6CCE7 - #BFABD0

CSS codes

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

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