#FF64C7 - #FF8DFB | 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 #FF64C7 to #FF8DFB

#FF64C7 #FF8DFB

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

#FF64C7 - #FF8DFB | 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 #FF64C7 as 0% and #FF8DFB as 100%.

0.0%	0.0% #FF64C7	RGB 255 100 199	#FF64C7
16.7%	16.7% #FF6ACF	RGB 255 106 207	#FF6ACF
33.3%	33.3% #FF71D8	RGB 255 113 216	#FF71D8
50.0%	50.0% #FF78E1	RGB 255 120 225	#FF78E1
66.7%	66.7% #FF7FE9	RGB 255 127 233	#FF7FE9
83.3%	83.3% #FF86F2	RGB 255 134 242	#FF86F2
100.0%	100.0% #FF8DFB	RGB 255 141 251	#FF8DFB

#FF64C7 #FF6ACF #FF71D8 #FF78E1 #FF7FE9 #FF86F2 #FF8DFB

#FF64C7 - #FF8DFB

HSV Blend

#FF64C7 - #FF8DFB | 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 #FF64C7 as 0% and #FF8DFB as 100%.

0.0%	0.0% #FF64C7	RGB 255 100 199	#FF64C7
16.7%	16.7% #FF6AD1	RGB 255 106 209	#FF6AD1
33.3%	33.3% #FF71DB	RGB 255 113 219	#FF71DB
50.0%	50.0% #FF78E4	RGB 255 120 228	#FF78E4
66.7%	66.7% #FF7FEC	RGB 255 127 236	#FF7FEC
83.3%	83.3% #FF86F4	RGB 255 134 244	#FF86F4
100.0%	100.0% #FF8DFB	RGB 255 141 251	#FF8DFB

#FF64C7 #FF6AD1 #FF71DB #FF78E4 #FF7FEC #FF86F4 #FF8DFB

#FF64C7 - #FF78E4 - #FF8DFB

CSS codes

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

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