#B1B5AC - #848D57 | 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 #B1B5AC to #848D57

#B1B5AC #848D57

Calculate the color between two colors, #B1B5AC and #848D57. 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)

#B1B5AC - #848D57 | 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 #B1B5AC as 0% and #848D57 as 100%.

0.0%	0.0% #B1B5AC	RGB 177 181 172	#B1B5AC
16.7%	16.7% #A9AE9D	RGB 169 174 157	#A9AE9D
33.3%	33.3% #A2A78F	RGB 162 167 143	#A2A78F
50.0%	50.0% #9AA181	RGB 154 161 129	#9AA181
66.7%	66.7% #939A73	RGB 147 154 115	#939A73
83.3%	83.3% #8B9365	RGB 139 147 101	#8B9365
100.0%	100.0% #848D57	RGB 132 141 87	#848D57

#B1B5AC #A9AE9D #A2A78F #9AA181 #939A73 #8B9365 #848D57

#B1B5AC - #848D57

HSV Blend

#B1B5AC - #848D57 | 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 #B1B5AC as 0% and #848D57 as 100%.

0.0%	0.0% #B1B5AC	RGB 177 181 172	#B1B5AC
16.7%	16.7% #A7AE9B	RGB 167 174 155	#A7AE9B
33.3%	33.3% #9EA78C	RGB 158 167 140	#9EA78C
50.0%	50.0% #96A17E	RGB 150 161 126	#96A17E
66.7%	66.7% #8F9A70	RGB 143 154 112	#8F9A70
83.3%	83.3% #899363	RGB 137 147 99	#899363
100.0%	100.0% #848D57	RGB 132 141 87	#848D57

#B1B5AC #A7AE9B #9EA78C #96A17E #8F9A70 #899363 #848D57

#B1B5AC - #96A17E - #848D57

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1B5AC 0%, #96A17E 50%, #848D57 100%);
    background: -webkit-linear-gradient(top, #B1B5AC 0%, #96A17E 50%, #848D57 100%);
    background: linear-gradient(to bottom, #B1B5AC 0%, #96A17E 50%, #848D57 100%);
}
</style>