#AFB19D - #6F7847 | 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 #AFB19D to #6F7847

#AFB19D #6F7847

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

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

0.0%	0.0% #AFB19D	RGB 175 177 157	#AFB19D
16.7%	16.7% #A4A78E	RGB 164 167 142	#A4A78E
33.3%	33.3% #999E80	RGB 153 158 128	#999E80
50.0%	50.0% #8F9472	RGB 143 148 114	#8F9472
66.7%	66.7% #848B63	RGB 132 139 99	#848B63
83.3%	83.3% #798155	RGB 121 129 85	#798155
100.0%	100.0% #6F7847	RGB 111 120 71	#6F7847

#AFB19D #A4A78E #999E80 #8F9472 #848B63 #798155 #6F7847

#AFB19D - #6F7847

HSV Blend

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

0.0%	0.0% #AFB19D	RGB 175 177 157	#AFB19D
16.7%	16.7% #A4A78C	RGB 164 167 140	#A4A78C
33.3%	33.3% #999E7C	RGB 153 158 124	#999E7C
50.0%	50.0% #8F946D	RGB 143 148 109	#8F946D
66.7%	66.7% #848B5F	RGB 132 139 95	#848B5F
83.3%	83.3% #798152	RGB 121 129 82	#798152
100.0%	100.0% #6F7847	RGB 111 120 71	#6F7847

#AFB19D #A4A78C #999E7C #8F946D #848B5F #798152 #6F7847

#AFB19D - #8F946D - #6F7847

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB19D 0%, #8F946D 50%, #6F7847 100%);
    background: -webkit-linear-gradient(top, #AFB19D 0%, #8F946D 50%, #6F7847 100%);
    background: linear-gradient(to bottom, #AFB19D 0%, #8F946D 50%, #6F7847 100%);
}
</style>