#FF5CD1 - #FCDFFC | 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 #FF5CD1 to #FCDFFC

#FF5CD1 #FCDFFC

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

#FF5CD1 - #FCDFFC | 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 #FF5CD1 as 0% and #FCDFFC as 100%.

0.0%	0.0% #FF5CD1	RGB 255 92 209	#FF5CD1
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% #FCDFFC	RGB 252 223 252	#FCDFFC

#FF5CD1 #FE71D8 #FE87DF #FD9DE6 #FDB3ED #FCC9F4 #FCDFFC

#FF5CD1 - #FCDFFC

HSV Blend

#FF5CD1 - #FCDFFC | 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 #FF5CD1 as 0% and #FCDFFC as 100%.

0.0%	0.0% #FF5BD1	RGB 255 91 209	#FF5BD1
16.7%	16.7% #FE72DD	RGB 254 114 221	#FE72DD
33.3%	33.3% #FE88E7	RGB 254 136 231	#FE88E7
50.0%	50.0% #FD9DF0	RGB 253 157 240	#FD9DF0
66.7%	66.7% #FDB3F6	RGB 253 179 246	#FDB3F6
83.3%	83.3% #FCC9FA	RGB 252 201 250	#FCC9FA
100.0%	100.0% #FCDFFC	RGB 252 223 252	#FCDFFC

#FF5BD1 #FE72DD #FE88E7 #FD9DF0 #FDB3F6 #FCC9FA #FCDFFC

#FF5CD1 - #FD9DF0 - #FCDFFC

CSS codes

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

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