#7F8C4A - #AFB0A8 | 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 #7F8C4A to #AFB0A8

#7F8C4A #AFB0A8

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

#7F8C4A - #AFB0A8 | 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 #7F8C4A as 0% and #AFB0A8 as 100%.

0.0%	0.0% #7F8C4A	RGB 127 140 74	#7F8C4A
16.7%	16.7% #879259	RGB 135 146 89	#879259
33.3%	33.3% #8F9869	RGB 143 152 105	#8F9869
50.0%	50.0% #979E79	RGB 151 158 121	#979E79
66.7%	66.7% #9FA488	RGB 159 164 136	#9FA488
83.3%	83.3% #A7AA98	RGB 167 170 152	#A7AA98
100.0%	100.0% #AFB0A8	RGB 175 176 168	#AFB0A8

#7F8C4A #879259 #8F9869 #979E79 #9FA488 #A7AA98 #AFB0A8

#7F8C4A - #AFB0A8

HSV Blend

#7F8C4A - #AFB0A8 | 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 #7F8C4A as 0% and #AFB0A8 as 100%.

0.0%	0.0% #7F8C4A	RGB 127 140 74	#7F8C4A
16.7%	16.7% #879257	RGB 135 146 87	#879257
33.3%	33.3% #8F9865	RGB 143 152 101	#8F9865
50.0%	50.0% #979E75	RGB 151 158 117	#979E75
66.7%	66.7% #9FA485	RGB 159 164 133	#9FA485
83.3%	83.3% #A7AA96	RGB 167 170 150	#A7AA96
100.0%	100.0% #AFB0A8	RGB 175 176 168	#AFB0A8

#7F8C4A #879257 #8F9865 #979E75 #9FA485 #A7AA96 #AFB0A8

#7F8C4A - #979E75 - #AFB0A8

CSS codes

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

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