#ABABA8 - #7E7052 | 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 #ABABA8 to #7E7052

#ABABA8 #7E7052

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

#ABABA8 - #7E7052 | 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 #ABABA8 as 0% and #7E7052 as 100%.

0.0%	0.0% #ABABA8	RGB 171 171 168	#ABABA8
16.7%	16.7% #A3A199	RGB 163 161 153	#A3A199
33.3%	33.3% #9C978B	RGB 156 151 139	#9C978B
50.0%	50.0% #948D7D	RGB 148 141 125	#948D7D
66.7%	66.7% #8D836E	RGB 141 131 110	#8D836E
83.3%	83.3% #857960	RGB 133 121 96	#857960
100.0%	100.0% #7E7052	RGB 126 112 82	#7E7052

#ABABA8 #A3A199 #9C978B #948D7D #8D836E #857960 #7E7052

#ABABA8 - #7E7052

HSV Blend

#ABABA8 - #7E7052 | 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 #ABABA8 as 0% and #7E7052 as 100%.

0.0%	0.0% #ABABA8	RGB 171 171 168	#ABABA8
16.7%	16.7% #A3A297	RGB 163 162 151	#A3A297
33.3%	33.3% #9C9988	RGB 156 153 136	#9C9988
50.0%	50.0% #949079	RGB 148 144 121	#949079
66.7%	66.7% #8D856B	RGB 141 133 107	#8D856B
83.3%	83.3% #857B5E	RGB 133 123 94	#857B5E
100.0%	100.0% #7E7052	RGB 126 112 82	#7E7052

#ABABA8 #A3A297 #9C9988 #949079 #8D856B #857B5E #7E7052

#ABABA8 - #949079 - #7E7052

CSS codes

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

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