#9A8EB9 - #54326B | 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 #9A8EB9 to #54326B

#9A8EB9 #54326B

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

#9A8EB9 - #54326B | 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 #9A8EB9 as 0% and #54326B as 100%.

0.0%	0.0% #9A8EB9	RGB 154 142 185	#9A8EB9
16.7%	16.7% #8E7EAC	RGB 142 126 172	#8E7EAC
33.3%	33.3% #826F9F	RGB 130 111 159	#826F9F
50.0%	50.0% #776092	RGB 119 96 146	#776092
66.7%	66.7% #6B5085	RGB 107 80 133	#6B5085
83.3%	83.3% #5F4178	RGB 95 65 120	#5F4178
100.0%	100.0% #54326B	RGB 84 50 107	#54326B

#9A8EB9 #8E7EAC #826F9F #776092 #6B5085 #5F4178 #54326B

#9A8EB9 - #54326B

HSV Blend

#9A8EB9 - #54326B | 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 #9A8EB9 as 0% and #54326B as 100%.

0.0%	0.0% #9A8EB9	RGB 154 142 185	#9A8EB9
16.7%	16.7% #8B7BAC	RGB 139 123 172	#8B7BAC
33.3%	33.3% #7E6A9F	RGB 126 106 159	#7E6A9F
50.0%	50.0% #725A92	RGB 114 90 146	#725A92
66.7%	66.7% #674B85	RGB 103 75 133	#674B85
83.3%	83.3% #5D3E78	RGB 93 62 120	#5D3E78
100.0%	100.0% #54326B	RGB 84 50 107	#54326B

#9A8EB9 #8B7BAC #7E6A9F #725A92 #674B85 #5D3E78 #54326B

#9A8EB9 - #725A92 - #54326B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8EB9 0%, #725A92 50%, #54326B 100%);
    background: -webkit-linear-gradient(top, #9A8EB9 0%, #725A92 50%, #54326B 100%);
    background: linear-gradient(to bottom, #9A8EB9 0%, #725A92 50%, #54326B 100%);
}
</style>