#FC9FEE - #FEE3FA | 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 #FC9FEE to #FEE3FA

#FC9FEE #FEE3FA

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

#FC9FEE - #FEE3FA | 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 #FC9FEE as 0% and #FEE3FA as 100%.

0.0%	0.0% #FC9FEE	RGB 252 159 238	#FC9FEE
16.7%	16.7% #FCAAF0	RGB 252 170 240	#FCAAF0
33.3%	33.3% #FCB5F2	RGB 252 181 242	#FCB5F2
50.0%	50.0% #FDC1F4	RGB 253 193 244	#FDC1F4
66.7%	66.7% #FDCCF6	RGB 253 204 246	#FDCCF6
83.3%	83.3% #FDD7F8	RGB 253 215 248	#FDD7F8
100.0%	100.0% #FEE3FA	RGB 254 227 250	#FEE3FA

#FC9FEE #FCAAF0 #FCB5F2 #FDC1F4 #FDCCF6 #FDD7F8 #FEE3FA

#FC9FEE - #FEE3FA

HSV Blend

#FC9FEE - #FEE3FA | 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 #FC9FEE as 0% and #FEE3FA as 100%.

0.0%	0.0% #FC9FEE	RGB 252 159 238	#FC9FEE
16.7%	16.7% #FCAAF0	RGB 252 170 240	#FCAAF0
33.3%	33.3% #FCB5F2	RGB 252 181 242	#FCB5F2
50.0%	50.0% #FDC0F4	RGB 253 192 244	#FDC0F4
66.7%	66.7% #FDCCF6	RGB 253 204 246	#FDCCF6
83.3%	83.3% #FDD7F8	RGB 253 215 248	#FDD7F8
100.0%	100.0% #FEE3FA	RGB 254 227 250	#FEE3FA

#FC9FEE #FCAAF0 #FCB5F2 #FDC0F4 #FDCCF6 #FDD7F8 #FEE3FA

#FC9FEE - #FDC0F4 - #FEE3FA

CSS codes

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

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