#9C8B6D - #B0BAB5 | 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 #9C8B6D to #B0BAB5

#9C8B6D #B0BAB5

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

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

0.0%	0.0% #9C8B6D	RGB 156 139 109	#9C8B6D
16.7%	16.7% #9F9279	RGB 159 146 121	#9F9279
33.3%	33.3% #A29A85	RGB 162 154 133	#A29A85
50.0%	50.0% #A6A291	RGB 166 162 145	#A6A291
66.7%	66.7% #A9AA9D	RGB 169 170 157	#A9AA9D
83.3%	83.3% #ACB2A9	RGB 172 178 169	#ACB2A9
100.0%	100.0% #B0BAB5	RGB 176 186 181	#B0BAB5

#9C8B6D #9F9279 #A29A85 #A6A291 #A9AA9D #ACB2A9 #B0BAB5

#9C8B6D - #B0BAB5

HSV Blend

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

0.0%	0.0% #9C8B6D	RGB 156 139 109	#9C8B6D
16.7%	16.7% #A19E77	RGB 161 158 119	#A19E77
33.3%	33.3% #9CA681	RGB 156 166 129	#9CA681
50.0%	50.0% #99AB8C	RGB 153 171 140	#99AB8C
66.7%	66.7% #9AB098	RGB 154 176 152	#9AB098
83.3%	83.3% #A3B5A7	RGB 163 181 167	#A3B5A7
100.0%	100.0% #B0BAB5	RGB 176 186 181	#B0BAB5

#9C8B6D #A19E77 #9CA681 #99AB8C #9AB098 #A3B5A7 #B0BAB5

#9C8B6D - #99AB8C - #B0BAB5

CSS codes

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

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