#9A8AC1 - #522C74 | 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 #9A8AC1 to #522C74

#9A8AC1 #522C74

Calculate the color between two colors, #9A8AC1 and #522C74. 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)

#9A8AC1 - #522C74 | 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 #9A8AC1 as 0% and #522C74 as 100%.

0.0%	0.0% #9A8AC1	RGB 154 138 193	#9A8AC1
16.7%	16.7% #8E7AB4	RGB 142 122 180	#8E7AB4
33.3%	33.3% #826AA7	RGB 130 106 167	#826AA7
50.0%	50.0% #765B9A	RGB 118 91 154	#765B9A
66.7%	66.7% #6A4B8D	RGB 106 75 141	#6A4B8D
83.3%	83.3% #5E3B80	RGB 94 59 128	#5E3B80
100.0%	100.0% #522C74	RGB 82 44 116	#522C74

#9A8AC1 #8E7AB4 #826AA7 #765B9A #6A4B8D #5E3B80 #522C74

#9A8AC1 - #522C74

HSV Blend

#9A8AC1 - #522C74 | 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 #9A8AC1 as 0% and #522C74 as 100%.

0.0%	0.0% #9A8AC1	RGB 154 138 193	#9A8AC1
16.7%	16.7% #8B76B4	RGB 139 118 180	#8B76B4
33.3%	33.3% #7D64A7	RGB 125 100 167	#7D64A7
50.0%	50.0% #71549A	RGB 113 84 154	#71549A
66.7%	66.7% #65458D	RGB 101 69 141	#65458D
83.3%	83.3% #5B3880	RGB 91 56 128	#5B3880
100.0%	100.0% #522C74	RGB 82 44 116	#522C74

#9A8AC1 #8B76B4 #7D64A7 #71549A #65458D #5B3880 #522C74

#9A8AC1 - #71549A - #522C74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8AC1 0%, #71549A 50%, #522C74 100%);
    background: -webkit-linear-gradient(top, #9A8AC1 0%, #71549A 50%, #522C74 100%);
    background: linear-gradient(to bottom, #9A8AC1 0%, #71549A 50%, #522C74 100%);
}
</style>