#ABABA4 - #7E714E | 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 #ABABA4 to #7E714E

#ABABA4 #7E714E

Calculate the color between two colors, #ABABA4 and #7E714E. 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)

#ABABA4 - #7E714E | 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 #ABABA4 as 0% and #7E714E as 100%.

0.0%	0.0% #ABABA4	RGB 171 171 164	#ABABA4
16.7%	16.7% #A3A195	RGB 163 161 149	#A3A195
33.3%	33.3% #9C9787	RGB 156 151 135	#9C9787
50.0%	50.0% #948E79	RGB 148 142 121	#948E79
66.7%	66.7% #8D846A	RGB 141 132 106	#8D846A
83.3%	83.3% #857A5C	RGB 133 122 92	#857A5C
100.0%	100.0% #7E714E	RGB 126 113 78	#7E714E

#ABABA4 #A3A195 #9C9787 #948E79 #8D846A #857A5C #7E714E

#ABABA4 - #7E714E

HSV Blend

#ABABA4 - #7E714E | 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 #ABABA4 as 0% and #7E714E as 100%.

0.0%	0.0% #ABABA4	RGB 171 171 164	#ABABA4
16.7%	16.7% #A3A293	RGB 163 162 147	#A3A293
33.3%	33.3% #9C9983	RGB 156 153 131	#9C9983
50.0%	50.0% #949075	RGB 148 144 117	#949075
66.7%	66.7% #8D8667	RGB 141 134 103	#8D8667
83.3%	83.3% #857B5A	RGB 133 123 90	#857B5A
100.0%	100.0% #7E714E	RGB 126 113 78	#7E714E

#ABABA4 #A3A293 #9C9983 #949075 #8D8667 #857B5A #7E714E

#ABABA4 - #949075 - #7E714E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABABA4 0%, #949075 50%, #7E714E 100%);
    background: -webkit-linear-gradient(top, #ABABA4 0%, #949075 50%, #7E714E 100%);
    background: linear-gradient(to bottom, #ABABA4 0%, #949075 50%, #7E714E 100%);
}
</style>