#5C3E91 - #9A8DB9 | 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 #5C3E91 to #9A8DB9

#5C3E91 #9A8DB9

Calculate the color between two colors, #5C3E91 and #9A8DB9. 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)

#5C3E91 - #9A8DB9 | 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 #5C3E91 as 0% and #9A8DB9 as 100%.

0.0%	0.0% #5C3E91	RGB 92 62 145	#5C3E91
16.7%	16.7% #664B97	RGB 102 75 151	#664B97
33.3%	33.3% #70589E	RGB 112 88 158	#70589E
50.0%	50.0% #7B65A5	RGB 123 101 165	#7B65A5
66.7%	66.7% #8572AB	RGB 133 114 171	#8572AB
83.3%	83.3% #8F7FB2	RGB 143 127 178	#8F7FB2
100.0%	100.0% #9A8DB9	RGB 154 141 185	#9A8DB9

#5C3E91 #664B97 #70589E #7B65A5 #8572AB #8F7FB2 #9A8DB9

#5C3E91 - #9A8DB9

HSV Blend

#5C3E91 - #9A8DB9 | 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 #5C3E91 as 0% and #9A8DB9 as 100%.

0.0%	0.0% #5B3E91	RGB 91 62 145	#5B3E91
16.7%	16.7% #644997	RGB 100 73 151	#644997
33.3%	33.3% #6E559E	RGB 110 85 158	#6E559E
50.0%	50.0% #7862A5	RGB 120 98 165	#7862A5
66.7%	66.7% #826FAB	RGB 130 111 171	#826FAB
83.3%	83.3% #8E7DB2	RGB 142 125 178	#8E7DB2
100.0%	100.0% #9A8DB9	RGB 154 141 185	#9A8DB9

#5B3E91 #644997 #6E559E #7862A5 #826FAB #8E7DB2 #9A8DB9

#5C3E91 - #7862A5 - #9A8DB9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B3E91 0%, #7862A5 50%, #9A8DB9 100%);
    background: -webkit-linear-gradient(top, #5B3E91 0%, #7862A5 50%, #9A8DB9 100%);
    background: linear-gradient(to bottom, #5B3E91 0%, #7862A5 50%, #9A8DB9 100%);
}
</style>