#8D5E76 - #FF78F0 | 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 #8D5E76 to #FF78F0

#8D5E76 #FF78F0

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

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

0.0%	0.0% #8D5E76	RGB 141 94 118	#8D5E76
16.7%	16.7% #A0628A	RGB 160 98 138	#A0628A
33.3%	33.3% #B3669E	RGB 179 102 158	#B3669E
50.0%	50.0% #C66BB3	RGB 198 107 179	#C66BB3
66.7%	66.7% #D96FC7	RGB 217 111 199	#D96FC7
83.3%	83.3% #EC73DB	RGB 236 115 219	#EC73DB
100.0%	100.0% #FF78F0	RGB 255 120 240	#FF78F0

#8D5E76 #A0628A #B3669E #C66BB3 #D96FC7 #EC73DB #FF78F0

#8D5E76 - #FF78F0

HSV Blend

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

0.0%	0.0% #8D5E76	RGB 141 94 118	#8D5E76
16.7%	16.7% #A06587	RGB 160 101 135	#A06587
33.3%	33.3% #B36B99	RGB 179 107 153	#B36B99
50.0%	50.0% #C670AC	RGB 198 112 172	#C670AC
66.7%	66.7% #D974C1	RGB 217 116 193	#D974C1
83.3%	83.3% #EC76D7	RGB 236 118 215	#EC76D7
100.0%	100.0% #FF78F0	RGB 255 120 240	#FF78F0

#8D5E76 #A06587 #B36B99 #C670AC #D974C1 #EC76D7 #FF78F0

#8D5E76 - #C670AC - #FF78F0

CSS codes

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

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