#9F5E89 - #BABFBD | 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 #9F5E89 to #BABFBD

#9F5E89 #BABFBD

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

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

0.0%	0.0% #9F5E89	RGB 159 94 137	#9F5E89
16.7%	16.7% #A36E91	RGB 163 110 145	#A36E91
33.3%	33.3% #A87E9A	RGB 168 126 154	#A87E9A
50.0%	50.0% #AC8EA3	RGB 172 142 163	#AC8EA3
66.7%	66.7% #B19EAB	RGB 177 158 171	#B19EAB
83.3%	83.3% #B5AEB4	RGB 181 174 180	#B5AEB4
100.0%	100.0% #BABFBD	RGB 186 191 189	#BABFBD

#9F5E89 #A36E91 #A87E9A #AC8EA3 #B19EAB #B5AEB4 #BABFBD

#9F5E89 - #BABFBD

HSV Blend

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

0.0%	0.0% #9F5E89	RGB 159 94 137	#9F5E89
16.7%	16.7% #9D6BA4	RGB 157 107 164	#9D6BA4
33.3%	33.3% #8E79A9	RGB 142 121 169	#8E79A9
50.0%	50.0% #888AAF	RGB 136 138 175	#888AAF
66.7%	66.7% #98A6B4	RGB 152 166 180	#98A6B4
83.3%	83.3% #A8B8B9	RGB 168 184 185	#A8B8B9
100.0%	100.0% #BABFBD	RGB 186 191 189	#BABFBD

#9F5E89 #9D6BA4 #8E79A9 #888AAF #98A6B4 #A8B8B9 #BABFBD

#9F5E89 - #888AAF - #BABFBD

CSS codes

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

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