#FFBCC2 - #FCEFDF | 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 #FFBCC2 to #FCEFDF

#FFBCC2 #FCEFDF

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

#FFBCC2 - #FCEFDF | 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 #FFBCC2 as 0% and #FCEFDF as 100%.

0.0%	0.0% #FFBCC2	RGB 255 188 194	#FFBCC2
16.7%	16.7% #FEC4C6	RGB 254 196 198	#FEC4C6
33.3%	33.3% #FECDCB	RGB 254 205 203	#FECDCB
50.0%	50.0% #FDD5D0	RGB 253 213 208	#FDD5D0
66.7%	66.7% #FDDED5	RGB 253 222 213	#FDDED5
83.3%	83.3% #FCE6DA	RGB 252 230 218	#FCE6DA
100.0%	100.0% #FCEFDF	RGB 252 239 223	#FCEFDF

#FFBCC2 #FEC4C6 #FECDCB #FDD5D0 #FDDED5 #FCE6DA #FCEFDF

#FFBCC2 - #FCEFDF

HSV Blend

#FFBCC2 - #FCEFDF | 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 #FFBCC2 as 0% and #FCEFDF as 100%.

0.0%	0.0% #FFBCC2	RGB 255 188 194	#FFBCC2
16.7%	16.7% #FEC2C1	RGB 254 194 193	#FEC2C1
33.3%	33.3% #FECEC7	RGB 254 206 199	#FECEC7
50.0%	50.0% #FDD8CD	RGB 253 216 205	#FDD8CD
66.7%	66.7% #FDE1D3	RGB 253 225 211	#FDE1D3
83.3%	83.3% #FCE8D9	RGB 252 232 217	#FCE8D9
100.0%	100.0% #FCEFDF	RGB 252 239 223	#FCEFDF

#FFBCC2 #FEC2C1 #FECEC7 #FDD8CD #FDE1D3 #FCE8D9 #FCEFDF

#FFBCC2 - #FDD8CD - #FCEFDF

CSS codes

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

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