#9A5E8F - #B6B7B4 | 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 #9A5E8F to #B6B7B4

#9A5E8F #B6B7B4

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

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

0.0%	0.0% #9A5E8F	RGB 154 94 143	#9A5E8F
16.7%	16.7% #9E6C95	RGB 158 108 149	#9E6C95
33.3%	33.3% #A37B9B	RGB 163 123 155	#A37B9B
50.0%	50.0% #A88AA1	RGB 168 138 161	#A88AA1
66.7%	66.7% #AC99A7	RGB 172 153 167	#AC99A7
83.3%	83.3% #B1A8AD	RGB 177 168 173	#B1A8AD
100.0%	100.0% #B6B7B4	RGB 182 183 180	#B6B7B4

#9A5E8F #9E6C95 #A37B9B #A88AA1 #AC99A7 #B1A8AD #B6B7B4

#9A5E8F - #B6B7B4

HSV Blend

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

0.0%	0.0% #9A5E8F	RGB 154 94 143	#9A5E8F
16.7%	16.7% #9E6A82	RGB 158 106 130	#9E6A82
33.3%	33.3% #A3787C	RGB 163 120 124	#A3787C
50.0%	50.0% #A88F86	RGB 168 143 134	#A88F86
66.7%	66.7% #ADA394	RGB 173 163 148	#ADA394
83.3%	83.3% #B2B1A4	RGB 178 177 164	#B2B1A4
100.0%	100.0% #B6B7B4	RGB 182 183 180	#B6B7B4

#9A5E8F #9E6A82 #A3787C #A88F86 #ADA394 #B2B1A4 #B6B7B4

#9A5E8F - #A88F86 - #B6B7B4

CSS codes

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

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