#AFB3A8 - #697D52 | 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 #AFB3A8 to #697D52

#AFB3A8 #697D52

Calculate the color between two colors, #AFB3A8 and #697D52. 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)

#AFB3A8 - #697D52 | 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 #AFB3A8 as 0% and #697D52 as 100%.

0.0%	0.0% #AFB3A8	RGB 175 179 168	#AFB3A8
16.7%	16.7% #A3AA99	RGB 163 170 153	#A3AA99
33.3%	33.3% #97A18B	RGB 151 161 139	#97A18B
50.0%	50.0% #8C987D	RGB 140 152 125	#8C987D
66.7%	66.7% #808F6E	RGB 128 143 110	#808F6E
83.3%	83.3% #748660	RGB 116 134 96	#748660
100.0%	100.0% #697D52	RGB 105 125 82	#697D52

#AFB3A8 #A3AA99 #97A18B #8C987D #808F6E #748660 #697D52

#AFB3A8 - #697D52

HSV Blend

#AFB3A8 - #697D52 | 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 #AFB3A8 as 0% and #697D52 as 100%.

0.0%	0.0% #AFB3A8	RGB 175 179 168	#AFB3A8
16.7%	16.7% #A2AA97	RGB 162 170 151	#A2AA97
33.3%	33.3% #97A187	RGB 151 161 135	#97A187
50.0%	50.0% #8B9879	RGB 139 152 121	#8B9879
66.7%	66.7% #7F8F6B	RGB 127 143 107	#7F8F6B
83.3%	83.3% #74865E	RGB 116 134 94	#74865E
100.0%	100.0% #697D52	RGB 105 125 82	#697D52

#AFB3A8 #A2AA97 #97A187 #8B9879 #7F8F6B #74865E #697D52

#AFB3A8 - #8B9879 - #697D52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB3A8 0%, #8B9879 50%, #697D52 100%);
    background: -webkit-linear-gradient(top, #AFB3A8 0%, #8B9879 50%, #697D52 100%);
    background: linear-gradient(to bottom, #AFB3A8 0%, #8B9879 50%, #697D52 100%);
}
</style>