#AFB8AB - #6A8C55 | 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 #AFB8AB to #6A8C55

#AFB8AB #6A8C55

Calculate the color between two colors, #AFB8AB and #6A8C55. 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)

#AFB8AB - #6A8C55 | 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 #AFB8AB as 0% and #6A8C55 as 100%.

0.0%	0.0% #AFB8AB	RGB 175 184 171	#AFB8AB
16.7%	16.7% #A3B09C	RGB 163 176 156	#A3B09C
33.3%	33.3% #98A98E	RGB 152 169 142	#98A98E
50.0%	50.0% #8CA280	RGB 140 162 128	#8CA280
66.7%	66.7% #819A71	RGB 129 154 113	#819A71
83.3%	83.3% #759363	RGB 117 147 99	#759363
100.0%	100.0% #6A8C55	RGB 106 140 85	#6A8C55

#AFB8AB #A3B09C #98A98E #8CA280 #819A71 #759363 #6A8C55

#AFB8AB - #6A8C55

HSV Blend

#AFB8AB - #6A8C55 | 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 #AFB8AB as 0% and #6A8C55 as 100%.

0.0%	0.0% #AFB8AB	RGB 175 184 171	#AFB8AB
16.7%	16.7% #A1B09A	RGB 161 176 154	#A1B09A
33.3%	33.3% #95A98B	RGB 149 169 139	#95A98B
50.0%	50.0% #89A27C	RGB 137 162 124	#89A27C
66.7%	66.7% #7E9A6E	RGB 126 154 110	#7E9A6E
83.3%	83.3% #739361	RGB 115 147 97	#739361
100.0%	100.0% #6A8C55	RGB 106 140 85	#6A8C55

#AFB8AB #A1B09A #95A98B #89A27C #7E9A6E #739361 #6A8C55

#AFB8AB - #89A27C - #6A8C55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB8AB 0%, #89A27C 50%, #6A8C55 100%);
    background: -webkit-linear-gradient(top, #AFB8AB 0%, #89A27C 50%, #6A8C55 100%);
    background: linear-gradient(to bottom, #AFB8AB 0%, #89A27C 50%, #6A8C55 100%);
}
</style>