#B9A8B8 - #93496B | 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 #B9A8B8 to #93496B

#B9A8B8 #93496B

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

#B9A8B8 - #93496B | 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 #B9A8B8 as 0% and #93496B as 100%.

0.0%	0.0% #B9A8B8	RGB 185 168 184	#B9A8B8
16.7%	16.7% #B298AB	RGB 178 152 171	#B298AB
33.3%	33.3% #AC889E	RGB 172 136 158	#AC889E
50.0%	50.0% #A67891	RGB 166 120 145	#A67891
66.7%	66.7% #9F6884	RGB 159 104 132	#9F6884
83.3%	83.3% #995877	RGB 153 88 119	#995877
100.0%	100.0% #93496B	RGB 147 73 107	#93496B

#B9A8B8 #B298AB #AC889E #A67891 #9F6884 #995877 #93496B

#B9A8B8 - #93496B

HSV Blend

#B9A8B8 - #93496B | 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 #B9A8B8 as 0% and #93496B as 100%.

0.0%	0.0% #B9A8B8	RGB 185 168 184	#B9A8B8
16.7%	16.7% #B295AE	RGB 178 149 174	#B295AE
33.3%	33.3% #AC84A3	RGB 172 132 163	#AC84A3
50.0%	50.0% #A67497	RGB 166 116 151	#A67497
66.7%	66.7% #9F6589	RGB 159 101 137	#9F6589
83.3%	83.3% #99567A	RGB 153 86 122	#99567A
100.0%	100.0% #93496B	RGB 147 73 107	#93496B

#B9A8B8 #B295AE #AC84A3 #A67497 #9F6589 #99567A #93496B

#B9A8B8 - #A67497 - #93496B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9A8B8 0%, #A67497 50%, #93496B 100%);
    background: -webkit-linear-gradient(top, #B9A8B8 0%, #A67497 50%, #93496B 100%);
    background: linear-gradient(to bottom, #B9A8B8 0%, #A67497 50%, #93496B 100%);
}
</style>