#FF00D5 - #8F0B7B | 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 #FF00D5 to #8F0B7B

#FF00D5 #8F0B7B

Calculate the color between two colors, #FF00D5 and #8F0B7B. 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)

#FF00D5 - #8F0B7B | 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 #FF00D5 as 0% and #8F0B7B as 100%.

0.0%	0.0% #FF00D5	RGB 255 0 213	#FF00D5
16.7%	16.7% #EC01C6	RGB 236 1 198	#EC01C6
33.3%	33.3% #D903B7	RGB 217 3 183	#D903B7
50.0%	50.0% #C705A8	RGB 199 5 168	#C705A8
66.7%	66.7% #B40799	RGB 180 7 153	#B40799
83.3%	83.3% #A1098A	RGB 161 9 138	#A1098A
100.0%	100.0% #8F0B7B	RGB 143 11 123	#8F0B7B

#FF00D5 #EC01C6 #D903B7 #C705A8 #B40799 #A1098A #8F0B7B

#FF00D5 - #8F0B7B

HSV Blend

#FF00D5 - #8F0B7B | 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 #FF00D5 as 0% and #8F0B7B as 100%.

0.0%	0.0% #FF00D5	RGB 255 0 213	#FF00D5
16.7%	16.7% #EC03C6	RGB 236 3 198	#EC03C6
33.3%	33.3% #D905B7	RGB 217 5 183	#D905B7
50.0%	50.0% #C707A8	RGB 199 7 168	#C707A8
66.7%	66.7% #B40999	RGB 180 9 153	#B40999
83.3%	83.3% #A10A8A	RGB 161 10 138	#A10A8A
100.0%	100.0% #8F0B7B	RGB 143 11 123	#8F0B7B

#FF00D5 #EC03C6 #D905B7 #C707A8 #B40999 #A10A8A #8F0B7B

#FF00D5 - #C707A8 - #8F0B7B

CSS codes

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

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