#9A5E7B - #B5A2A6 | 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 #9A5E7B to #B5A2A6

#9A5E7B #B5A2A6

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

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

0.0%	0.0% #9A5E7B	RGB 154 94 123	#9A5E7B
16.7%	16.7% #9E6982	RGB 158 105 130	#9E6982
33.3%	33.3% #A37489	RGB 163 116 137	#A37489
50.0%	50.0% #A78090	RGB 167 128 144	#A78090
66.7%	66.7% #AC8B97	RGB 172 139 151	#AC8B97
83.3%	83.3% #B0969E	RGB 176 150 158	#B0969E
100.0%	100.0% #B5A2A6	RGB 181 162 166	#B5A2A6

#9A5E7B #9E6982 #A37489 #A78090 #AC8B97 #B0969E #B5A2A6

#9A5E7B - #B5A2A6

HSV Blend

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

0.0%	0.0% #9A5E7B	RGB 154 94 123	#9A5E7B
16.7%	16.7% #9E6880	RGB 158 104 128	#9E6880
33.3%	33.3% #A37285	RGB 163 114 133	#A37285
50.0%	50.0% #A77E8C	RGB 167 126 140	#A77E8C
66.7%	66.7% #AC8993	RGB 172 137 147	#AC8993
83.3%	83.3% #B0959C	RGB 176 149 156	#B0959C
100.0%	100.0% #B5A2A6	RGB 181 162 166	#B5A2A6

#9A5E7B #9E6880 #A37285 #A77E8C #AC8993 #B0959C #B5A2A6

#9A5E7B - #A77E8C - #B5A2A6

CSS codes

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

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