#9A8ABB - #522E6D | 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 #9A8ABB to #522E6D

#9A8ABB #522E6D

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

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

0.0%	0.0% #9A8ABB	RGB 154 138 187	#9A8ABB
16.7%	16.7% #8E7AAE	RGB 142 122 174	#8E7AAE
33.3%	33.3% #826BA1	RGB 130 107 161	#826BA1
50.0%	50.0% #765C94	RGB 118 92 148	#765C94
66.7%	66.7% #6A4C87	RGB 106 76 135	#6A4C87
83.3%	83.3% #5E3D7A	RGB 94 61 122	#5E3D7A
100.0%	100.0% #522E6D	RGB 82 46 109	#522E6D

#9A8ABB #8E7AAE #826BA1 #765C94 #6A4C87 #5E3D7A #522E6D

#9A8ABB - #522E6D

HSV Blend

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

0.0%	0.0% #9A8ABB	RGB 154 138 187	#9A8ABB
16.7%	16.7% #8B77AE	RGB 139 119 174	#8B77AE
33.3%	33.3% #7D65A1	RGB 125 101 161	#7D65A1
50.0%	50.0% #715594	RGB 113 85 148	#715594
66.7%	66.7% #664787	RGB 102 71 135	#664787
83.3%	83.3% #5B397A	RGB 91 57 122	#5B397A
100.0%	100.0% #522E6D	RGB 82 46 109	#522E6D

#9A8ABB #8B77AE #7D65A1 #715594 #664787 #5B397A #522E6D

#9A8ABB - #715594 - #522E6D

CSS codes

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

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