#8170A8 - #EE92FC | 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 #8170A8 to #EE92FC

#8170A8 #EE92FC

Calculate the color between two colors, #8170A8 and #EE92FC. 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)

#8170A8 - #EE92FC | 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 #8170A8 as 0% and #EE92FC as 100%.

0.0%	0.0% #8170A8	RGB 129 112 168	#8170A8
16.7%	16.7% #9375B6	RGB 147 117 182	#9375B6
33.3%	33.3% #A57BC4	RGB 165 123 196	#A57BC4
50.0%	50.0% #B781D2	RGB 183 129 210	#B781D2
66.7%	66.7% #C986E0	RGB 201 134 224	#C986E0
83.3%	83.3% #DB8CEE	RGB 219 140 238	#DB8CEE
100.0%	100.0% #EE92FC	RGB 238 146 252	#EE92FC

#8170A8 #9375B6 #A57BC4 #B781D2 #C986E0 #DB8CEE #EE92FC

#8170A8 - #EE92FC

HSV Blend

#8170A8 - #EE92FC | 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 #8170A8 as 0% and #EE92FC as 100%.

0.0%	0.0% #8170A8	RGB 129 112 168	#8170A8
16.7%	16.7% #8F76B6	RGB 143 118 182	#8F76B6
33.3%	33.3% #9F7CC4	RGB 159 124 196	#9F7CC4
50.0%	50.0% #B182D2	RGB 177 130 210	#B182D2
66.7%	66.7% #C388E0	RGB 195 136 224	#C388E0
83.3%	83.3% #D88DEE	RGB 216 141 238	#D88DEE
100.0%	100.0% #EE92FC	RGB 238 146 252	#EE92FC

#8170A8 #8F76B6 #9F7CC4 #B182D2 #C388E0 #D88DEE #EE92FC

#8170A8 - #B182D2 - #EE92FC

CSS codes

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

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