#F2ABFB - #DC52DF | 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 #F2ABFB to #DC52DF

#F2ABFB #DC52DF

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

#F2ABFB - #DC52DF | 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 #F2ABFB as 0% and #DC52DF as 100%.

0.0%	0.0% #F2ABFB	RGB 242 171 251	#F2ABFB
16.7%	16.7% #EE9CF6	RGB 238 156 246	#EE9CF6
33.3%	33.3% #EA8DF1	RGB 234 141 241	#EA8DF1
50.0%	50.0% #E77EED	RGB 231 126 237	#E77EED
66.7%	66.7% #E36FE8	RGB 227 111 232	#E36FE8
83.3%	83.3% #DF60E3	RGB 223 96 227	#DF60E3
100.0%	100.0% #DC52DF	RGB 220 82 223	#DC52DF

#F2ABFB #EE9CF6 #EA8DF1 #E77EED #E36FE8 #DF60E3 #DC52DF

#F2ABFB - #DC52DF

HSV Blend

#F2ABFB - #DC52DF | 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 #F2ABFB as 0% and #DC52DF as 100%.

0.0%	0.0% #F2ABFB	RGB 242 171 251	#F2ABFB
16.7%	16.7% #ED9AF6	RGB 237 154 246	#ED9AF6
33.3%	33.3% #E98BF1	RGB 233 139 241	#E98BF1
50.0%	50.0% #E57CED	RGB 229 124 237	#E57CED
66.7%	66.7% #E16DE8	RGB 225 109 232	#E16DE8
83.3%	83.3% #DE5FE3	RGB 222 95 227	#DE5FE3
100.0%	100.0% #DC52DF	RGB 220 82 223	#DC52DF

#F2ABFB #ED9AF6 #E98BF1 #E57CED #E16DE8 #DE5FE3 #DC52DF

#F2ABFB - #E57CED - #DC52DF

CSS codes

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

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