#9A8CC2 - #532D75 | 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 #9A8CC2 to #532D75

#9A8CC2 #532D75

Calculate the color between two colors, #9A8CC2 and #532D75. 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)

#9A8CC2 - #532D75 | 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 #9A8CC2 as 0% and #532D75 as 100%.

0.0%	0.0% #9A8CC2	RGB 154 140 194	#9A8CC2
16.7%	16.7% #8E7CB5	RGB 142 124 181	#8E7CB5
33.3%	33.3% #826CA8	RGB 130 108 168	#826CA8
50.0%	50.0% #765C9B	RGB 118 92 155	#765C9B
66.7%	66.7% #6A4C8E	RGB 106 76 142	#6A4C8E
83.3%	83.3% #5E3C81	RGB 94 60 129	#5E3C81
100.0%	100.0% #532D75	RGB 83 45 117	#532D75

#9A8CC2 #8E7CB5 #826CA8 #765C9B #6A4C8E #5E3C81 #532D75

#9A8CC2 - #532D75

HSV Blend

#9A8CC2 - #532D75 | 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 #9A8CC2 as 0% and #532D75 as 100%.

0.0%	0.0% #9A8CC2	RGB 154 140 194	#9A8CC2
16.7%	16.7% #8A78B5	RGB 138 120 181	#8A78B5
33.3%	33.3% #7D66A8	RGB 125 102 168	#7D66A8
50.0%	50.0% #71569B	RGB 113 86 155	#71569B
66.7%	66.7% #66468E	RGB 102 70 142	#66468E
83.3%	83.3% #5C3981	RGB 92 57 129	#5C3981
100.0%	100.0% #532D75	RGB 83 45 117	#532D75

#9A8CC2 #8A78B5 #7D66A8 #71569B #66468E #5C3981 #532D75

#9A8CC2 - #71569B - #532D75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8CC2 0%, #71569B 50%, #532D75 100%);
    background: -webkit-linear-gradient(top, #9A8CC2 0%, #71569B 50%, #532D75 100%);
    background: linear-gradient(to bottom, #9A8CC2 0%, #71569B 50%, #532D75 100%);
}
</style>