#BAB9AF - #8F7E5A | 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 #BAB9AF to #8F7E5A

#BAB9AF #8F7E5A

Calculate the color between two colors, #BAB9AF and #8F7E5A. 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)

#BAB9AF - #8F7E5A | 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 #BAB9AF as 0% and #8F7E5A as 100%.

0.0%	0.0% #BAB9AF	RGB 186 185 175	#BAB9AF
16.7%	16.7% #B2AFA0	RGB 178 175 160	#B2AFA0
33.3%	33.3% #ABA592	RGB 171 165 146	#ABA592
50.0%	50.0% #A49B84	RGB 164 155 132	#A49B84
66.7%	66.7% #9D9176	RGB 157 145 118	#9D9176
83.3%	83.3% #968768	RGB 150 135 104	#968768
100.0%	100.0% #8F7E5A	RGB 143 126 90	#8F7E5A

#BAB9AF #B2AFA0 #ABA592 #A49B84 #9D9176 #968768 #8F7E5A

#BAB9AF - #8F7E5A

HSV Blend

#BAB9AF - #8F7E5A | 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 #BAB9AF as 0% and #8F7E5A as 100%.

0.0%	0.0% #BAB9AF	RGB 186 185 175	#BAB9AF
16.7%	16.7% #B2B09E	RGB 178 176 158	#B2B09E
33.3%	33.3% #ABA68F	RGB 171 166 143	#ABA68F
50.0%	50.0% #A49D81	RGB 164 157 129	#A49D81
66.7%	66.7% #9D9373	RGB 157 147 115	#9D9373
83.3%	83.3% #968866	RGB 150 136 102	#968866
100.0%	100.0% #8F7E5A	RGB 143 126 90	#8F7E5A

#BAB9AF #B2B09E #ABA68F #A49D81 #9D9373 #968866 #8F7E5A

#BAB9AF - #A49D81 - #8F7E5A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAB9AF 0%, #A49D81 50%, #8F7E5A 100%);
    background: -webkit-linear-gradient(top, #BAB9AF 0%, #A49D81 50%, #8F7E5A 100%);
    background: linear-gradient(to bottom, #BAB9AF 0%, #A49D81 50%, #8F7E5A 100%);
}
</style>