#FF9CFB - #FBD1EB | 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 #FF9CFB to #FBD1EB

#FF9CFB #FBD1EB

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

#FF9CFB - #FBD1EB | 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 #FF9CFB as 0% and #FBD1EB as 100%.

0.0%	0.0% #FF9CFB	RGB 255 156 251	#FF9CFB
16.7%	16.7% #FEA4F8	RGB 254 164 248	#FEA4F8
33.3%	33.3% #FDADF5	RGB 253 173 245	#FDADF5
50.0%	50.0% #FDB6F3	RGB 253 182 243	#FDB6F3
66.7%	66.7% #FCBFF0	RGB 252 191 240	#FCBFF0
83.3%	83.3% #FBC8ED	RGB 251 200 237	#FBC8ED
100.0%	100.0% #FBD1EB	RGB 251 209 235	#FBD1EB

#FF9CFB #FEA4F8 #FDADF5 #FDB6F3 #FCBFF0 #FBC8ED #FBD1EB

#FF9CFB - #FBD1EB

HSV Blend

#FF9CFB - #FBD1EB | 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 #FF9CFB as 0% and #FBD1EB as 100%.

0.0%	0.0% #FF9CFB	RGB 255 156 251	#FF9CFB
16.7%	16.7% #FEA4F5	RGB 254 164 245	#FEA4F5
33.3%	33.3% #FDADF1	RGB 253 173 241	#FDADF1
50.0%	50.0% #FDB6EE	RGB 253 182 238	#FDB6EE
66.7%	66.7% #FCBFEC	RGB 252 191 236	#FCBFEC
83.3%	83.3% #FBC8EB	RGB 251 200 235	#FBC8EB
100.0%	100.0% #FBD1EB	RGB 251 209 235	#FBD1EB

#FF9CFB #FEA4F5 #FDADF1 #FDB6EE #FCBFEC #FBC8EB #FBD1EB

#FF9CFB - #FDB6EE - #FBD1EB

CSS codes

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

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