#FF00F0 - #FFB0FF | 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 #FF00F0 to #FFB0FF

#FF00F0 #FFB0FF

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

#FF00F0 - #FFB0FF | 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 #FF00F0 as 0% and #FFB0FF as 100%.

0.0%	0.0% #FF00F0	RGB 255 0 240	#FF00F0
16.7%	16.7% #FF1DF2	RGB 255 29 242	#FF1DF2
33.3%	33.3% #FF3AF5	RGB 255 58 245	#FF3AF5
50.0%	50.0% #FF58F7	RGB 255 88 247	#FF58F7
66.7%	66.7% #FF75FA	RGB 255 117 250	#FF75FA
83.3%	83.3% #FF92FC	RGB 255 146 252	#FF92FC
100.0%	100.0% #FFB0FF	RGB 255 176 255	#FFB0FF

#FF00F0 #FF1DF2 #FF3AF5 #FF58F7 #FF75FA #FF92FC #FFB0FF

#FF00F0 - #FFB0FF

HSV Blend

#FF00F0 - #FFB0FF | 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 #FF00F0 as 0% and #FFB0FF as 100%.

0.0%	0.0% #FF00EF	RGB 255 0 239	#FF00EF
16.7%	16.7% #FF1DF3	RGB 255 29 243	#FF1DF3
33.3%	33.3% #FF3AF7	RGB 255 58 247	#FF3AF7
50.0%	50.0% #FF57FA	RGB 255 87 250	#FF57FA
66.7%	66.7% #FF75FC	RGB 255 117 252	#FF75FC
83.3%	83.3% #FF92FD	RGB 255 146 253	#FF92FD
100.0%	100.0% #FFB0FF	RGB 255 176 255	#FFB0FF

#FF00EF #FF1DF3 #FF3AF7 #FF57FA #FF75FC #FF92FD #FFB0FF

#FF00F0 - #FF57FA - #FFB0FF

CSS codes

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

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