#F04DFF - #FF64B5 | 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 #F04DFF to #FF64B5

#F04DFF #FF64B5

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

#F04DFF - #FF64B5 | 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 #F04DFF as 0% and #FF64B5 as 100%.

0.0%	0.0% #F04DFF	RGB 240 77 255	#F04DFF
16.7%	16.7% #F250F2	RGB 242 80 242	#F250F2
33.3%	33.3% #F554E6	RGB 245 84 230	#F554E6
50.0%	50.0% #F758DA	RGB 247 88 218	#F758DA
66.7%	66.7% #FA5CCD	RGB 250 92 205	#FA5CCD
83.3%	83.3% #FC60C1	RGB 252 96 193	#FC60C1
100.0%	100.0% #FF64B5	RGB 255 100 181	#FF64B5

#F04DFF #F250F2 #F554E6 #F758DA #FA5CCD #FC60C1 #FF64B5

#F04DFF - #FF64B5

HSV Blend

#F04DFF - #FF64B5 | 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 #F04DFF as 0% and #FF64B5 as 100%.

0.0%	0.0% #F04DFF	RGB 240 77 255	#F04DFF
16.7%	16.7% #FF50FD	RGB 255 80 253	#FF50FD
33.3%	33.3% #FF54ED	RGB 255 84 237	#FF54ED
50.0%	50.0% #FF58DE	RGB 255 88 222	#FF58DE
66.7%	66.7% #FF5CCF	RGB 255 92 207	#FF5CCF
83.3%	83.3% #FF60C2	RGB 255 96 194	#FF60C2
100.0%	100.0% #FF64B5	RGB 255 100 181	#FF64B5

#F04DFF #FF50FD #FF54ED #FF58DE #FF5CCF #FF60C2 #FF64B5

#F04DFF - #FF58DE - #FF64B5

CSS codes

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

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