#9F7FAC - #4D2B5C | 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 #9F7FAC to #4D2B5C

#9F7FAC #4D2B5C

Calculate the color between two colors, #9F7FAC and #4D2B5C. 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)

#9F7FAC - #4D2B5C | 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 #9F7FAC as 0% and #4D2B5C as 100%.

0.0%	0.0% #9F7FAC	RGB 159 127 172	#9F7FAC
16.7%	16.7% #91719E	RGB 145 113 158	#91719E
33.3%	33.3% #836391	RGB 131 99 145	#836391
50.0%	50.0% #765584	RGB 118 85 132	#765584
66.7%	66.7% #684776	RGB 104 71 118	#684776
83.3%	83.3% #5A3969	RGB 90 57 105	#5A3969
100.0%	100.0% #4D2B5C	RGB 77 43 92	#4D2B5C

#9F7FAC #91719E #836391 #765584 #684776 #5A3969 #4D2B5C

#9F7FAC - #4D2B5C

HSV Blend

#9F7FAC - #4D2B5C | 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 #9F7FAC as 0% and #4D2B5C as 100%.

0.0%	0.0% #9F7FAC	RGB 159 127 172	#9F7FAC
16.7%	16.7% #906D9E	RGB 144 109 158	#906D9E
33.3%	33.3% #825E91	RGB 130 94 145	#825E91
50.0%	50.0% #744F84	RGB 116 79 132	#744F84
66.7%	66.7% #664276	RGB 102 66 118	#664276
83.3%	83.3% #593569	RGB 89 53 105	#593569
100.0%	100.0% #4D2B5C	RGB 77 43 92	#4D2B5C

#9F7FAC #906D9E #825E91 #744F84 #664276 #593569 #4D2B5C

#9F7FAC - #744F84 - #4D2B5C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F7FAC 0%, #744F84 50%, #4D2B5C 100%);
    background: -webkit-linear-gradient(top, #9F7FAC 0%, #744F84 50%, #4D2B5C 100%);
    background: linear-gradient(to bottom, #9F7FAC 0%, #744F84 50%, #4D2B5C 100%);
}
</style>