#BCA8BA - #FABBFF | 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 #BCA8BA to #FABBFF

#BCA8BA #FABBFF

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

#BCA8BA - #FABBFF | 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 #BCA8BA as 0% and #FABBFF as 100%.

0.0%	0.0% #BCA8BA	RGB 188 168 186	#BCA8BA
16.7%	16.7% #C6ABC5	RGB 198 171 197	#C6ABC5
33.3%	33.3% #D0AED1	RGB 208 174 209	#D0AED1
50.0%	50.0% #DBB1DC	RGB 219 177 220	#DBB1DC
66.7%	66.7% #E5B4E8	RGB 229 180 232	#E5B4E8
83.3%	83.3% #EFB7F3	RGB 239 183 243	#EFB7F3
100.0%	100.0% #FABBFF	RGB 250 187 255	#FABBFF

#BCA8BA #C6ABC5 #D0AED1 #DBB1DC #E5B4E8 #EFB7F3 #FABBFF

#BCA8BA - #FABBFF

HSV Blend

#BCA8BA - #FABBFF | 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 #BCA8BA as 0% and #FABBFF as 100%.

0.0%	0.0% #BCA8BA	RGB 188 168 186	#BCA8BA
16.7%	16.7% #C7ACC5	RGB 199 172 197	#C7ACC5
33.3%	33.3% #D2B0D0	RGB 210 176 208	#D2B0D0
50.0%	50.0% #DDB4DC	RGB 221 180 220	#DDB4DC
66.7%	66.7% #E7B7E8	RGB 231 183 232	#E7B7E8
83.3%	83.3% #F1B9F3	RGB 241 185 243	#F1B9F3
100.0%	100.0% #FABBFF	RGB 250 187 255	#FABBFF

#BCA8BA #C7ACC5 #D2B0D0 #DDB4DC #E7B7E8 #F1B9F3 #FABBFF

#BCA8BA - #DDB4DC - #FABBFF

CSS codes

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

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