#FFBCD6 - #FCE6DF | 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 #FFBCD6 to #FCE6DF

#FFBCD6 #FCE6DF

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

#FFBCD6 - #FCE6DF | 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 #FFBCD6 as 0% and #FCE6DF as 100%.

0.0%	0.0% #FFBCD6	RGB 255 188 214	#FFBCD6
16.7%	16.7% #FEC3D7	RGB 254 195 215	#FEC3D7
33.3%	33.3% #FECAD9	RGB 254 202 217	#FECAD9
50.0%	50.0% #FDD1DA	RGB 253 209 218	#FDD1DA
66.7%	66.7% #FDD8DC	RGB 253 216 220	#FDD8DC
83.3%	83.3% #FCDFDD	RGB 252 223 221	#FCDFDD
100.0%	100.0% #FCE6DF	RGB 252 230 223	#FCE6DF

#FFBCD6 #FEC3D7 #FECAD9 #FDD1DA #FDD8DC #FCDFDD #FCE6DF

#FFBCD6 - #FCE6DF

HSV Blend

#FFBCD6 - #FCE6DF | 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 #FFBCD6 as 0% and #FCE6DF as 100%.

0.0%	0.0% #FFBCD6	RGB 255 188 214	#FFBCD6
16.7%	16.7% #FEC1D3	RGB 254 193 211	#FEC1D3
33.3%	33.3% #FEC7D1	RGB 254 199 209	#FEC7D1
50.0%	50.0% #FDCDD1	RGB 253 205 209	#FDCDD1
66.7%	66.7% #FDD4D3	RGB 253 212 211	#FDD4D3
83.3%	83.3% #FCDED9	RGB 252 222 217	#FCDED9
100.0%	100.0% #FCE6DF	RGB 252 230 223	#FCE6DF

#FFBCD6 #FEC1D3 #FEC7D1 #FDCDD1 #FDD4D3 #FCDED9 #FCE6DF

#FFBCD6 - #FDCDD1 - #FCE6DF

CSS codes

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

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