#BCBABA - #FFCCDF | 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 #BCBABA to #FFCCDF

#BCBABA #FFCCDF

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

#BCBABA - #FFCCDF | 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 #BCBABA as 0% and #FFCCDF as 100%.

0.0%	0.0% #BCBABA	RGB 188 186 186	#BCBABA
16.7%	16.7% #C7BDC0	RGB 199 189 192	#C7BDC0
33.3%	33.3% #D2C0C6	RGB 210 192 198	#D2C0C6
50.0%	50.0% #DDC3CC	RGB 221 195 204	#DDC3CC
66.7%	66.7% #E8C6D2	RGB 232 198 210	#E8C6D2
83.3%	83.3% #F3C9D8	RGB 243 201 216	#F3C9D8
100.0%	100.0% #FFCCDF	RGB 255 204 223	#FFCCDF

#BCBABA #C7BDC0 #D2C0C6 #DDC3CC #E8C6D2 #F3C9D8 #FFCCDF

#BCBABA - #FFCCDF

HSV Blend

#BCBABA - #FFCCDF | 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 #BCBABA as 0% and #FFCCDF as 100%.

0.0%	0.0% #BCBABA	RGB 188 186 186	#BCBABA
16.7%	16.7% #C7BEBF	RGB 199 190 191	#C7BEBF
33.3%	33.3% #D2C2C4	RGB 210 194 196	#D2C2C4
50.0%	50.0% #DDC6CA	RGB 221 198 202	#DDC6CA
66.7%	66.7% #E8C8D0	RGB 232 200 208	#E8C8D0
83.3%	83.3% #F3CAD7	RGB 243 202 215	#F3CAD7
100.0%	100.0% #FFCCDF	RGB 255 204 223	#FFCCDF

#BCBABA #C7BEBF #D2C2C4 #DDC6CA #E8C8D0 #F3CAD7 #FFCCDF

#BCBABA - #DDC6CA - #FFCCDF

CSS codes

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

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