#9A8BC2 - #532C75 | 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 #9A8BC2 to #532C75

#9A8BC2 #532C75

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

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

0.0%	0.0% #9A8BC2	RGB 154 139 194	#9A8BC2
16.7%	16.7% #8E7BB5	RGB 142 123 181	#8E7BB5
33.3%	33.3% #826BA8	RGB 130 107 168	#826BA8
50.0%	50.0% #765B9B	RGB 118 91 155	#765B9B
66.7%	66.7% #6A4B8E	RGB 106 75 142	#6A4B8E
83.3%	83.3% #5E3B81	RGB 94 59 129	#5E3B81
100.0%	100.0% #532C75	RGB 83 44 117	#532C75

#9A8BC2 #8E7BB5 #826BA8 #765B9B #6A4B8E #5E3B81 #532C75

#9A8BC2 - #532C75

HSV Blend

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

0.0%	0.0% #9A8BC2	RGB 154 139 194	#9A8BC2
16.7%	16.7% #8B77B5	RGB 139 119 181	#8B77B5
33.3%	33.3% #7D65A8	RGB 125 101 168	#7D65A8
50.0%	50.0% #71549B	RGB 113 84 155	#71549B
66.7%	66.7% #66458E	RGB 102 69 142	#66458E
83.3%	83.3% #5C3881	RGB 92 56 129	#5C3881
100.0%	100.0% #532C75	RGB 83 44 117	#532C75

#9A8BC2 #8B77B5 #7D65A8 #71549B #66458E #5C3881 #532C75

#9A8BC2 - #71549B - #532C75

CSS codes

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

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