#FFBFD9 - #FBDFE4 | 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 #FFBFD9 to #FBDFE4

#FFBFD9 #FBDFE4

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

#FFBFD9 - #FBDFE4 | 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 #FFBFD9 as 0% and #FBDFE4 as 100%.

0.0%	0.0% #FFBFD9	RGB 255 191 217	#FFBFD9
16.7%	16.7% #FEC4DA	RGB 254 196 218	#FEC4DA
33.3%	33.3% #FDC9DC	RGB 253 201 220	#FDC9DC
50.0%	50.0% #FDCFDE	RGB 253 207 222	#FDCFDE
66.7%	66.7% #FCD4E0	RGB 252 212 224	#FCD4E0
83.3%	83.3% #FBD9E2	RGB 251 217 226	#FBD9E2
100.0%	100.0% #FBDFE4	RGB 251 223 228	#FBDFE4

#FFBFD9 #FEC4DA #FDC9DC #FDCFDE #FCD4E0 #FBD9E2 #FBDFE4

#FFBFD9 - #FBDFE4

HSV Blend

#FFBFD9 - #FBDFE4 | 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 #FFBFD9 as 0% and #FBDFE4 as 100%.

0.0%	0.0% #FFBFD9	RGB 255 191 217	#FFBFD9
16.7%	16.7% #FEC4D9	RGB 254 196 217	#FEC4D9
33.3%	33.3% #FDC9DA	RGB 253 201 218	#FDC9DA
50.0%	50.0% #FDCFDC	RGB 253 207 220	#FDCFDC
66.7%	66.7% #FCD4DE	RGB 252 212 222	#FCD4DE
83.3%	83.3% #FBD9E1	RGB 251 217 225	#FBD9E1
100.0%	100.0% #FBDFE4	RGB 251 223 228	#FBDFE4

#FFBFD9 #FEC4D9 #FDC9DA #FDCFDC #FCD4DE #FBD9E1 #FBDFE4

#FFBFD9 - #FDCFDC - #FBDFE4

CSS codes

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

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