#B5BCA1 - #75874E | 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 #B5BCA1 to #75874E

#B5BCA1 #75874E

Calculate the color between two colors, #B5BCA1 and #75874E. 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)

#B5BCA1 - #75874E | 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 #B5BCA1 as 0% and #75874E as 100%.

0.0%	0.0% #B5BCA1	RGB 181 188 161	#B5BCA1
16.7%	16.7% #AAB393	RGB 170 179 147	#AAB393
33.3%	33.3% #9FAA85	RGB 159 170 133	#9FAA85
50.0%	50.0% #95A177	RGB 149 161 119	#95A177
66.7%	66.7% #8A9869	RGB 138 152 105	#8A9869
83.3%	83.3% #7F8F5B	RGB 127 143 91	#7F8F5B
100.0%	100.0% #75874E	RGB 117 135 78	#75874E

#B5BCA1 #AAB393 #9FAA85 #95A177 #8A9869 #7F8F5B #75874E

#B5BCA1 - #75874E

HSV Blend

#B5BCA1 - #75874E | 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 #B5BCA1 as 0% and #75874E as 100%.

0.0%	0.0% #B5BCA1	RGB 181 188 161	#B5BCA1
16.7%	16.7% #AAB391	RGB 170 179 145	#AAB391
33.3%	33.3% #9FAA82	RGB 159 170 130	#9FAA82
50.0%	50.0% #94A173	RGB 148 161 115	#94A173
66.7%	66.7% #899866	RGB 137 152 102	#899866
83.3%	83.3% #7F8F59	RGB 127 143 89	#7F8F59
100.0%	100.0% #75874E	RGB 117 135 78	#75874E

#B5BCA1 #AAB391 #9FAA82 #94A173 #899866 #7F8F59 #75874E

#B5BCA1 - #94A173 - #75874E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5BCA1 0%, #94A173 50%, #75874E 100%);
    background: -webkit-linear-gradient(top, #B5BCA1 0%, #94A173 50%, #75874E 100%);
    background: linear-gradient(to bottom, #B5BCA1 0%, #94A173 50%, #75874E 100%);
}
</style>