#FF5BD1 - #FCDFFB | 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 #FF5BD1 to #FCDFFB

#FF5BD1 #FCDFFB

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

#FF5BD1 - #FCDFFB | 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 #FF5BD1 as 0% and #FCDFFB as 100%.

0.0%	0.0% #FF5BD1	RGB 255 91 209	#FF5BD1
16.7%	16.7% #FE71D8	RGB 254 113 216	#FE71D8
33.3%	33.3% #FE87DF	RGB 254 135 223	#FE87DF
50.0%	50.0% #FD9DE6	RGB 253 157 230	#FD9DE6
66.7%	66.7% #FDB3ED	RGB 253 179 237	#FDB3ED
83.3%	83.3% #FCC9F4	RGB 252 201 244	#FCC9F4
100.0%	100.0% #FCDFFB	RGB 252 223 251	#FCDFFB

#FF5BD1 #FE71D8 #FE87DF #FD9DE6 #FDB3ED #FCC9F4 #FCDFFB

#FF5BD1 - #FCDFFB

HSV Blend

#FF5BD1 - #FCDFFB | 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 #FF5BD1 as 0% and #FCDFFB as 100%.

0.0%	0.0% #FF5BD1	RGB 255 91 209	#FF5BD1
16.7%	16.7% #FE71DC	RGB 254 113 220	#FE71DC
33.3%	33.3% #FE87E6	RGB 254 135 230	#FE87E6
50.0%	50.0% #FD9DEE	RGB 253 157 238	#FD9DEE
66.7%	66.7% #FDB3F4	RGB 253 179 244	#FDB3F4
83.3%	83.3% #FCC9F8	RGB 252 201 248	#FCC9F8
100.0%	100.0% #FCDFFB	RGB 252 223 251	#FCDFFB

#FF5BD1 #FE71DC #FE87E6 #FD9DEE #FDB3F4 #FCC9F8 #FCDFFB

#FF5BD1 - #FD9DEE - #FCDFFB

CSS codes

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

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