#9A8BAF - #513360 | 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 #9A8BAF to #513360

#9A8BAF #513360

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

#9A8BAF - #513360 | 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 #9A8BAF as 0% and #513360 as 100%.

0.0%	0.0% #9A8BAF	RGB 154 139 175	#9A8BAF
16.7%	16.7% #8D7CA1	RGB 141 124 161	#8D7CA1
33.3%	33.3% #816D94	RGB 129 109 148	#816D94
50.0%	50.0% #755F87	RGB 117 95 135	#755F87
66.7%	66.7% #69507A	RGB 105 80 122	#69507A
83.3%	83.3% #5D416D	RGB 93 65 109	#5D416D
100.0%	100.0% #513360	RGB 81 51 96	#513360

#9A8BAF #8D7CA1 #816D94 #755F87 #69507A #5D416D #513360

#9A8BAF - #513360

HSV Blend

#9A8BAF - #513360 | 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 #9A8BAF as 0% and #513360 as 100%.

0.0%	0.0% #9A8BAF	RGB 154 139 175	#9A8BAF
16.7%	16.7% #8B79A1	RGB 139 121 161	#8B79A1
33.3%	33.3% #7E6994	RGB 126 105 148	#7E6994
50.0%	50.0% #725987	RGB 114 89 135	#725987
66.7%	66.7% #664B7A	RGB 102 75 122	#664B7A
83.3%	83.3% #5B3E6D	RGB 91 62 109	#5B3E6D
100.0%	100.0% #513360	RGB 81 51 96	#513360

#9A8BAF #8B79A1 #7E6994 #725987 #664B7A #5B3E6D #513360

#9A8BAF - #725987 - #513360

CSS codes

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

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