#BCA8B9 - #FFBEF0 | 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 #BCA8B9 to #FFBEF0

#BCA8B9 #FFBEF0

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

#BCA8B9 - #FFBEF0 | 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 #BCA8B9 as 0% and #FFBEF0 as 100%.

0.0%	0.0% #BCA8B9	RGB 188 168 185	#BCA8B9
16.7%	16.7% #C7ABC2	RGB 199 171 194	#C7ABC2
33.3%	33.3% #D2AFCB	RGB 210 175 203	#D2AFCB
50.0%	50.0% #DDB3D4	RGB 221 179 212	#DDB3D4
66.7%	66.7% #E8B6DD	RGB 232 182 221	#E8B6DD
83.3%	83.3% #F3BAE6	RGB 243 186 230	#F3BAE6
100.0%	100.0% #FFBEF0	RGB 255 190 240	#FFBEF0

#BCA8B9 #C7ABC2 #D2AFCB #DDB3D4 #E8B6DD #F3BAE6 #FFBEF0

#BCA8B9 - #FFBEF0

HSV Blend

#BCA8B9 - #FFBEF0 | 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 #BCA8B9 as 0% and #FFBEF0 as 100%.

0.0%	0.0% #BCA8B9	RGB 188 168 185	#BCA8B9
16.7%	16.7% #C7ADC2	RGB 199 173 194	#C7ADC2
33.3%	33.3% #D2B1CC	RGB 210 177 204	#D2B1CC
50.0%	50.0% #DDB5D5	RGB 221 181 213	#DDB5D5
66.7%	66.7% #E8B8DE	RGB 232 184 222	#E8B8DE
83.3%	83.3% #F3BBE7	RGB 243 187 231	#F3BBE7
100.0%	100.0% #FFBEF0	RGB 255 190 240	#FFBEF0

#BCA8B9 #C7ADC2 #D2B1CC #DDB5D5 #E8B8DE #F3BBE7 #FFBEF0

#BCA8B9 - #DDB5D5 - #FFBEF0

CSS codes

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

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