#BAB4B0 - #766F5E | 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 #BAB4B0 to #766F5E

#BAB4B0 #766F5E

Calculate the color between two colors, #BAB4B0 and #766F5E. 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)

#BAB4B0 - #766F5E | 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 #BAB4B0 as 0% and #766F5E as 100%.

0.0%	0.0% #BAB4B0	RGB 186 180 176	#BAB4B0
16.7%	16.7% #AEA8A2	RGB 174 168 162	#AEA8A2
33.3%	33.3% #A39D94	RGB 163 157 148	#A39D94
50.0%	50.0% #989187	RGB 152 145 135	#989187
66.7%	66.7% #8C8679	RGB 140 134 121	#8C8679
83.3%	83.3% #817A6B	RGB 129 122 107	#817A6B
100.0%	100.0% #766F5E	RGB 118 111 94	#766F5E

#BAB4B0 #AEA8A2 #A39D94 #989187 #8C8679 #817A6B #766F5E

#BAB4B0 - #766F5E

HSV Blend

#BAB4B0 - #766F5E | 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 #BAB4B0 as 0% and #766F5E as 100%.

0.0%	0.0% #BAB4B0	RGB 186 180 176	#BAB4B0
16.7%	16.7% #AEA7A0	RGB 174 167 160	#AEA7A0
33.3%	33.3% #A39A92	RGB 163 154 146	#A39A92
50.0%	50.0% #988F84	RGB 152 143 132	#988F84
66.7%	66.7% #8C8477	RGB 140 132 119	#8C8477
83.3%	83.3% #81796A	RGB 129 121 106	#81796A
100.0%	100.0% #766F5E	RGB 118 111 94	#766F5E

#BAB4B0 #AEA7A0 #A39A92 #988F84 #8C8477 #81796A #766F5E

#BAB4B0 - #988F84 - #766F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAB4B0 0%, #988F84 50%, #766F5E 100%);
    background: -webkit-linear-gradient(top, #BAB4B0 0%, #988F84 50%, #766F5E 100%);
    background: linear-gradient(to bottom, #BAB4B0 0%, #988F84 50%, #766F5E 100%);
}
</style>