#9F3EBF - #780F8C | 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 #9F3EBF to #780F8C

#9F3EBF #780F8C

Calculate the color between two colors, #9F3EBF and #780F8C. 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)

#9F3EBF - #780F8C | 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 #9F3EBF as 0% and #780F8C as 100%.

0.0%	0.0% #9F3EBF	RGB 159 62 191	#9F3EBF
16.7%	16.7% #9836B6	RGB 152 54 182	#9836B6
33.3%	33.3% #922EAE	RGB 146 46 174	#922EAE
50.0%	50.0% #8B26A5	RGB 139 38 165	#8B26A5
66.7%	66.7% #851E9D	RGB 133 30 157	#851E9D
83.3%	83.3% #7E1694	RGB 126 22 148	#7E1694
100.0%	100.0% #780F8C	RGB 120 15 140	#780F8C

#9F3EBF #9836B6 #922EAE #8B26A5 #851E9D #7E1694 #780F8C

#9F3EBF - #780F8C

HSV Blend

#9F3EBF - #780F8C | 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 #9F3EBF as 0% and #780F8C as 100%.

0.0%	0.0% #9F3EBF	RGB 159 62 191	#9F3EBF
16.7%	16.7% #9834B6	RGB 152 52 182	#9834B6
33.3%	33.3% #912BAE	RGB 145 43 174	#912BAE
50.0%	50.0% #8B23A5	RGB 139 35 165	#8B23A5
66.7%	66.7% #841C9D	RGB 132 28 157	#841C9D
83.3%	83.3% #7E1594	RGB 126 21 148	#7E1594
100.0%	100.0% #780F8C	RGB 120 15 140	#780F8C

#9F3EBF #9834B6 #912BAE #8B23A5 #841C9D #7E1594 #780F8C

#9F3EBF - #8B23A5 - #780F8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F3EBF 0%, #8B23A5 50%, #780F8C 100%);
    background: -webkit-linear-gradient(top, #9F3EBF 0%, #8B23A5 50%, #780F8C 100%);
    background: linear-gradient(to bottom, #9F3EBF 0%, #8B23A5 50%, #780F8C 100%);
}
</style>