#F92AF1 - #FDC2FA | 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 #F92AF1 to #FDC2FA

#F92AF1 #FDC2FA

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

#F92AF1 - #FDC2FA | 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 #F92AF1 as 0% and #FDC2FA as 100%.

0.0%	0.0% #F92AF1	RGB 249 42 241	#F92AF1
16.7%	16.7% #F943F2	RGB 249 67 242	#F943F2
33.3%	33.3% #FA5CF4	RGB 250 92 244	#FA5CF4
50.0%	50.0% #FB76F5	RGB 251 118 245	#FB76F5
66.7%	66.7% #FB8FF7	RGB 251 143 247	#FB8FF7
83.3%	83.3% #FCA8F8	RGB 252 168 248	#FCA8F8
100.0%	100.0% #FDC2FA	RGB 253 194 250	#FDC2FA

#F92AF1 #F943F2 #FA5CF4 #FB76F5 #FB8FF7 #FCA8F8 #FDC2FA

#F92AF1 - #FDC2FA

HSV Blend

#F92AF1 - #FDC2FA | 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 #F92AF1 as 0% and #FDC2FA as 100%.

0.0%	0.0% #F92AF1	RGB 249 42 241	#F92AF1
16.7%	16.7% #F943F2	RGB 249 67 242	#F943F2
33.3%	33.3% #FA5CF3	RGB 250 92 243	#FA5CF3
50.0%	50.0% #FB75F5	RGB 251 117 245	#FB75F5
66.7%	66.7% #FB8EF6	RGB 251 142 246	#FB8EF6
83.3%	83.3% #FCA8F8	RGB 252 168 248	#FCA8F8
100.0%	100.0% #FDC2FA	RGB 253 194 250	#FDC2FA

#F92AF1 #F943F2 #FA5CF3 #FB75F5 #FB8EF6 #FCA8F8 #FDC2FA

#F92AF1 - #FB75F5 - #FDC2FA

CSS codes

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

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