#8D5EAE - #FB93E7 | 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 #8D5EAE to #FB93E7

#8D5EAE #FB93E7

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

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

0.0%	0.0% #8D5EAE	RGB 141 94 174	#8D5EAE
16.7%	16.7% #9F66B7	RGB 159 102 183	#9F66B7
33.3%	33.3% #B16FC1	RGB 177 111 193	#B16FC1
50.0%	50.0% #C478CA	RGB 196 120 202	#C478CA
66.7%	66.7% #D681D4	RGB 214 129 212	#D681D4
83.3%	83.3% #E88ADD	RGB 232 138 221	#E88ADD
100.0%	100.0% #FB93E7	RGB 251 147 231	#FB93E7

#8D5EAE #9F66B7 #B16FC1 #C478CA #D681D4 #E88ADD #FB93E7

#8D5EAE - #FB93E7

HSV Blend

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

0.0%	0.0% #8D5EAE	RGB 141 94 174	#8D5EAE
16.7%	16.7% #A066BA	RGB 160 102 186	#A066BA
33.3%	33.3% #B46EC7	RGB 180 110 199	#B46EC7
50.0%	50.0% #CA77D4	RGB 202 119 212	#CA77D4
66.7%	66.7% #E080E1	RGB 224 128 225	#E080E1
83.3%	83.3% #EE89E4	RGB 238 137 228	#EE89E4
100.0%	100.0% #FB93E7	RGB 251 147 231	#FB93E7

#8D5EAE #A066BA #B46EC7 #CA77D4 #E080E1 #EE89E4 #FB93E7

#8D5EAE - #CA77D4 - #FB93E7

CSS codes

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

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