#FBA7FD - #D72ED5 | 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 #FBA7FD to #D72ED5

#FBA7FD #D72ED5

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

#FBA7FD - #D72ED5 | 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 #FBA7FD as 0% and #D72ED5 as 100%.

0.0%	0.0% #FBA7FD	RGB 251 167 253	#FBA7FD
16.7%	16.7% #F592F6	RGB 245 146 246	#F592F6
33.3%	33.3% #EF7EEF	RGB 239 126 239	#EF7EEF
50.0%	50.0% #E96AE9	RGB 233 106 233	#E96AE9
66.7%	66.7% #E356E2	RGB 227 86 226	#E356E2
83.3%	83.3% #DD42DB	RGB 221 66 219	#DD42DB
100.0%	100.0% #D72ED5	RGB 215 46 213	#D72ED5

#FBA7FD #F592F6 #EF7EEF #E96AE9 #E356E2 #DD42DB #D72ED5

#FBA7FD - #D72ED5

HSV Blend

#FBA7FD - #D72ED5 | 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 #FBA7FD as 0% and #D72ED5 as 100%.

0.0%	0.0% #FBA7FD	RGB 251 167 253	#FBA7FD
16.7%	16.7% #F490F6	RGB 244 144 246	#F490F6
33.3%	33.3% #EE7AF0	RGB 238 122 240	#EE7AF0
50.0%	50.0% #E966EA	RGB 233 102 234	#E966EA
66.7%	66.7% #E352E3	RGB 227 82 227	#E352E3
83.3%	83.3% #DD3FDC	RGB 221 63 220	#DD3FDC
100.0%	100.0% #D72ED5	RGB 215 46 213	#D72ED5

#FBA7FD #F490F6 #EE7AF0 #E966EA #E352E3 #DD3FDC #D72ED5

#FBA7FD - #E966EA - #D72ED5

CSS codes

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

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