#FF80F7 - #E52CEC | 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 #FF80F7 to #E52CEC

#FF80F7 #E52CEC

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

#FF80F7 - #E52CEC | 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 #FF80F7 as 0% and #E52CEC as 100%.

0.0%	0.0% #FF80F7	RGB 255 128 247	#FF80F7
16.7%	16.7% #FA72F5	RGB 250 114 245	#FA72F5
33.3%	33.3% #F664F3	RGB 246 100 243	#F664F3
50.0%	50.0% #F256F1	RGB 242 86 241	#F256F1
66.7%	66.7% #ED48EF	RGB 237 72 239	#ED48EF
83.3%	83.3% #E93AED	RGB 233 58 237	#E93AED
100.0%	100.0% #E52CEC	RGB 229 44 236	#E52CEC

#FF80F7 #FA72F5 #F664F3 #F256F1 #ED48EF #E93AED #E52CEC

#FF80F7 - #E52CEC

HSV Blend

#FF80F7 - #E52CEC | 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 #FF80F7 as 0% and #E52CEC as 100%.

0.0%	0.0% #FF80F7	RGB 255 128 247	#FF80F7
16.7%	16.7% #FB71F5	RGB 251 113 245	#FB71F5
33.3%	33.3% #F862F4	RGB 248 98 244	#F862F4
50.0%	50.0% #F554F3	RGB 245 84 243	#F554F3
66.7%	66.7% #F146F2	RGB 241 70 242	#F146F2
83.3%	83.3% #EB39EF	RGB 235 57 239	#EB39EF
100.0%	100.0% #E52CEC	RGB 229 44 236	#E52CEC

#FF80F7 #FB71F5 #F862F4 #F554F3 #F146F2 #EB39EF #E52CEC

#FF80F7 - #F554F3 - #E52CEC

CSS codes

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

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