#FF5BD1 - #FBDFFC | 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 #FBDFFC

#FF5BD1 #FBDFFC

Calculate the color between two colors, #FF5BD1 and #FBDFFC. 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 - #FBDFFC | 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 #FBDFFC 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% #FD87DF	RGB 253 135 223	#FD87DF
50.0%	50.0% #FD9DE6	RGB 253 157 230	#FD9DE6
66.7%	66.7% #FCB3ED	RGB 252 179 237	#FCB3ED
83.3%	83.3% #FBC9F4	RGB 251 201 244	#FBC9F4
100.0%	100.0% #FBDFFC	RGB 251 223 252	#FBDFFC

#FF5BD1 #FE71D8 #FD87DF #FD9DE6 #FCB3ED #FBC9F4 #FBDFFC

#FF5BD1 - #FBDFFC

HSV Blend

#FF5BD1 - #FBDFFC | 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 #FBDFFC as 100%.

0.0%	0.0% #FF5BD1	RGB 255 91 209	#FF5BD1
16.7%	16.7% #FE71DE	RGB 254 113 222	#FE71DE
33.3%	33.3% #FE87E9	RGB 254 135 233	#FE87E9
50.0%	50.0% #FD9DF1	RGB 253 157 241	#FD9DF1
66.7%	66.7% #FDB3F7	RGB 253 179 247	#FDB3F7
83.3%	83.3% #FCC9FB	RGB 252 201 251	#FCC9FB
100.0%	100.0% #FBDFFC	RGB 251 223 252	#FBDFFC

#FF5BD1 #FE71DE #FE87E9 #FD9DF1 #FDB3F7 #FCC9FB #FBDFFC

#FF5BD1 - #FD9DF1 - #FBDFFC

CSS codes

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

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