#FD60FF - #8C00D4 | 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 #FD60FF to #8C00D4

#FD60FF #8C00D4

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

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

0.0%	0.0% #FD60FF	RGB 253 96 255	#FD60FF
16.7%	16.7% #EA50F7	RGB 234 80 247	#EA50F7
33.3%	33.3% #D740F0	RGB 215 64 240	#D740F0
50.0%	50.0% #C430E9	RGB 196 48 233	#C430E9
66.7%	66.7% #B120E2	RGB 177 32 226	#B120E2
83.3%	83.3% #9E10DB	RGB 158 16 219	#9E10DB
100.0%	100.0% #8C00D4	RGB 140 0 212	#8C00D4

#FD60FF #EA50F7 #D740F0 #C430E9 #B120E2 #9E10DB #8C00D4

#FD60FF - #8C00D4

HSV Blend

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

0.0%	0.0% #FD60FF	RGB 253 96 255	#FD60FF
16.7%	16.7% #EC4DF7	RGB 236 77 247	#EC4DF7
33.3%	33.3% #DA3CF0	RGB 218 60 240	#DA3CF0
50.0%	50.0% #C82BE9	RGB 200 43 233	#C82BE9
66.7%	66.7% #B41CE2	RGB 180 28 226	#B41CE2
83.3%	83.3% #A00DDB	RGB 160 13 219	#A00DDB
100.0%	100.0% #8C00D4	RGB 140 0 212	#8C00D4

#FD60FF #EC4DF7 #DA3CF0 #C82BE9 #B41CE2 #A00DDB #8C00D4

#FD60FF - #C82BE9 - #8C00D4

CSS codes

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

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