#9D6D6B - #B2B5AC | 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 #9D6D6B to #B2B5AC

#9D6D6B #B2B5AC

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

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

0.0%	0.0% #9D6D6B	RGB 157 109 107	#9D6D6B
16.7%	16.7% #A07975	RGB 160 121 117	#A07975
33.3%	33.3% #A48580	RGB 164 133 128	#A48580
50.0%	50.0% #A7918B	RGB 167 145 139	#A7918B
66.7%	66.7% #AB9D96	RGB 171 157 150	#AB9D96
83.3%	83.3% #AEA9A1	RGB 174 169 161	#AEA9A1
100.0%	100.0% #B2B5AC	RGB 178 181 172	#B2B5AC

#9D6D6B #A07975 #A48580 #A7918B #AB9D96 #AEA9A1 #B2B5AC

#9D6D6B - #B2B5AC

HSV Blend

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

0.0%	0.0% #9D6D6B	RGB 157 109 107	#9D6D6B
16.7%	16.7% #A18074	RGB 161 128 116	#A18074
33.3%	33.3% #A5917F	RGB 165 145 127	#A5917F
50.0%	50.0% #A99F89	RGB 169 159 137	#A99F89
66.7%	66.7% #ADAA94	RGB 173 170 148	#ADAA94
83.3%	83.3% #AFB1A0	RGB 175 177 160	#AFB1A0
100.0%	100.0% #B2B5AC	RGB 178 181 172	#B2B5AC

#9D6D6B #A18074 #A5917F #A99F89 #ADAA94 #AFB1A0 #B2B5AC

#9D6D6B - #A99F89 - #B2B5AC

CSS codes

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

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