#ACAF99 - #6C7743 | 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 #ACAF99 to #6C7743

#ACAF99 #6C7743

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

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

0.0%	0.0% #ACAF99	RGB 172 175 153	#ACAF99
16.7%	16.7% #A1A58A	RGB 161 165 138	#A1A58A
33.3%	33.3% #969C7C	RGB 150 156 124	#969C7C
50.0%	50.0% #8C936E	RGB 140 147 110	#8C936E
66.7%	66.7% #81895F	RGB 129 137 95	#81895F
83.3%	83.3% #768051	RGB 118 128 81	#768051
100.0%	100.0% #6C7743	RGB 108 119 67	#6C7743

#ACAF99 #A1A58A #969C7C #8C936E #81895F #768051 #6C7743

#ACAF99 - #6C7743

HSV Blend

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

0.0%	0.0% #ACAF99	RGB 172 175 153	#ACAF99
16.7%	16.7% #A1A588	RGB 161 165 136	#A1A588
33.3%	33.3% #969C78	RGB 150 156 120	#969C78
50.0%	50.0% #8B9369	RGB 139 147 105	#8B9369
66.7%	66.7% #81895B	RGB 129 137 91	#81895B
83.3%	83.3% #76804E	RGB 118 128 78	#76804E
100.0%	100.0% #6C7743	RGB 108 119 67	#6C7743

#ACAF99 #A1A588 #969C78 #8B9369 #81895B #76804E #6C7743

#ACAF99 - #8B9369 - #6C7743

CSS codes

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

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