#AF9D3E - #81610F | 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 #AF9D3E to #81610F

#AF9D3E #81610F

Calculate the color between two colors, #AF9D3E and #81610F. 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)

#AF9D3E - #81610F | 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 #AF9D3E as 0% and #81610F as 100%.

0.0%	0.0% #AF9D3E	RGB 175 157 62	#AF9D3E
16.7%	16.7% #A79336	RGB 167 147 54	#A79336
33.3%	33.3% #9F892E	RGB 159 137 46	#9F892E
50.0%	50.0% #987F26	RGB 152 127 38	#987F26
66.7%	66.7% #90751E	RGB 144 117 30	#90751E
83.3%	83.3% #886B16	RGB 136 107 22	#886B16
100.0%	100.0% #81610F	RGB 129 97 15	#81610F

#AF9D3E #A79336 #9F892E #987F26 #90751E #886B16 #81610F

#AF9D3E - #81610F

HSV Blend

#AF9D3E - #81610F | 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 #AF9D3E as 0% and #81610F as 100%.

0.0%	0.0% #AF9D3E	RGB 175 157 62	#AF9D3E
16.7%	16.7% #A79234	RGB 167 146 52	#A79234
33.3%	33.3% #9F882B	RGB 159 136 43	#9F882B
50.0%	50.0% #987E23	RGB 152 126 35	#987E23
66.7%	66.7% #90741C	RGB 144 116 28	#90741C
83.3%	83.3% #886A15	RGB 136 106 21	#886A15
100.0%	100.0% #81610F	RGB 129 97 15	#81610F

#AF9D3E #A79234 #9F882B #987E23 #90741C #886A15 #81610F

#AF9D3E - #987E23 - #81610F

CSS codes

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

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