#9D5E8D - #6C103B | 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 #9D5E8D to #6C103B

#9D5E8D #6C103B

Calculate the color between two colors, #9D5E8D and #6C103B. 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)

#9D5E8D - #6C103B | 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 #9D5E8D as 0% and #6C103B as 100%.

0.0%	0.0% #9D5E8D	RGB 157 94 141	#9D5E8D
16.7%	16.7% #94517F	RGB 148 81 127	#94517F
33.3%	33.3% #8C4471	RGB 140 68 113	#8C4471
50.0%	50.0% #843764	RGB 132 55 100	#843764
66.7%	66.7% #7C2A56	RGB 124 42 86	#7C2A56
83.3%	83.3% #741D48	RGB 116 29 72	#741D48
100.0%	100.0% #6C103B	RGB 108 16 59	#6C103B

#9D5E8D #94517F #8C4471 #843764 #7C2A56 #741D48 #6C103B

#9D5E8D - #6C103B

HSV Blend

#9D5E8D - #6C103B | 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 #9D5E8D as 0% and #6C103B as 100%.

0.0%	0.0% #9D5E8D	RGB 157 94 141	#9D5E8D
16.7%	16.7% #944D7F	RGB 148 77 127	#944D7F
33.3%	33.3% #8C3F71	RGB 140 63 113	#8C3F71
50.0%	50.0% #843163	RGB 132 49 99	#843163
66.7%	66.7% #7C2555	RGB 124 37 85	#7C2555
83.3%	83.3% #741948	RGB 116 25 72	#741948
100.0%	100.0% #6C103B	RGB 108 16 59	#6C103B

#9D5E8D #944D7F #8C3F71 #843163 #7C2555 #741948 #6C103B

#9D5E8D - #843163 - #6C103B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D5E8D 0%, #843163 50%, #6C103B 100%);
    background: -webkit-linear-gradient(top, #9D5E8D 0%, #843163 50%, #6C103B 100%);
    background: linear-gradient(to bottom, #9D5E8D 0%, #843163 50%, #6C103B 100%);
}
</style>