#FFBFDD - #FCEEE8 | 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 #FFBFDD to #FCEEE8

#FFBFDD #FCEEE8

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

#FFBFDD - #FCEEE8 | 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 #FFBFDD as 0% and #FCEEE8 as 100%.

0.0%	0.0% #FFBFDD	RGB 255 191 221	#FFBFDD
16.7%	16.7% #FEC6DE	RGB 254 198 222	#FEC6DE
33.3%	33.3% #FECEE0	RGB 254 206 224	#FECEE0
50.0%	50.0% #FDD6E2	RGB 253 214 226	#FDD6E2
66.7%	66.7% #FDDEE4	RGB 253 222 228	#FDDEE4
83.3%	83.3% #FCE6E6	RGB 252 230 230	#FCE6E6
100.0%	100.0% #FCEEE8	RGB 252 238 232	#FCEEE8

#FFBFDD #FEC6DE #FECEE0 #FDD6E2 #FDDEE4 #FCE6E6 #FCEEE8

#FFBFDD - #FCEEE8

HSV Blend

#FFBFDD - #FCEEE8 | 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 #FFBFDD as 0% and #FCEEE8 as 100%.

0.0%	0.0% #FFBFDD	RGB 255 191 221	#FFBFDD
16.7%	16.7% #FEC5D9	RGB 254 197 217	#FEC5D9
33.3%	33.3% #FECCD7	RGB 254 204 215	#FECCD7
50.0%	50.0% #FDD3D7	RGB 253 211 215	#FDD3D7
66.7%	66.7% #FDDBDA	RGB 253 219 218	#FDDBDA
83.3%	83.3% #FCE5E1	RGB 252 229 225	#FCE5E1
100.0%	100.0% #FCEEE8	RGB 252 238 232	#FCEEE8

#FFBFDD #FEC5D9 #FECCD7 #FDD3D7 #FDDBDA #FCE5E1 #FCEEE8

#FFBFDD - #FDD3D7 - #FCEEE8

CSS codes

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

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