#A8AF52 - #687615 | 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 #A8AF52 to #687615

#A8AF52 #687615

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

#A8AF52 - #687615 | 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 #A8AF52 as 0% and #687615 as 100%.

0.0%	0.0% #A8AF52	RGB 168 175 82	#A8AF52
16.7%	16.7% #9DA547	RGB 157 165 71	#9DA547
33.3%	33.3% #929C3D	RGB 146 156 61	#929C3D
50.0%	50.0% #889233	RGB 136 146 51	#889233
66.7%	66.7% #7D8929	RGB 125 137 41	#7D8929
83.3%	83.3% #727F1F	RGB 114 127 31	#727F1F
100.0%	100.0% #687615	RGB 104 118 21	#687615

#A8AF52 #9DA547 #929C3D #889233 #7D8929 #727F1F #687615

#A8AF52 - #687615

HSV Blend

#A8AF52 - #687615 | 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 #A8AF52 as 0% and #687615 as 100%.

0.0%	0.0% #A8AF52	RGB 168 175 82	#A8AF52
16.7%	16.7% #9DA545	RGB 157 165 69	#9DA545
33.3%	33.3% #929C39	RGB 146 156 57	#929C39
50.0%	50.0% #87922F	RGB 135 146 47	#87922F
66.7%	66.7% #7C8925	RGB 124 137 37	#7C8925
83.3%	83.3% #727F1C	RGB 114 127 28	#727F1C
100.0%	100.0% #687615	RGB 104 118 21	#687615

#A8AF52 #9DA545 #929C39 #87922F #7C8925 #727F1C #687615

#A8AF52 - #87922F - #687615

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AF52 0%, #87922F 50%, #687615 100%);
    background: -webkit-linear-gradient(top, #A8AF52 0%, #87922F 50%, #687615 100%);
    background: linear-gradient(to bottom, #A8AF52 0%, #87922F 50%, #687615 100%);
}
</style>