#AF983C - #805C0E | 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 #AF983C to #805C0E

#AF983C #805C0E

Calculate the color between two colors, #AF983C and #805C0E. 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)

#AF983C - #805C0E | 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 #AF983C as 0% and #805C0E as 100%.

0.0%	0.0% #AF983C	RGB 175 152 60	#AF983C
16.7%	16.7% #A78E34	RGB 167 142 52	#A78E34
33.3%	33.3% #9F842C	RGB 159 132 44	#9F842C
50.0%	50.0% #977A25	RGB 151 122 37	#977A25
66.7%	66.7% #8F701D	RGB 143 112 29	#8F701D
83.3%	83.3% #876615	RGB 135 102 21	#876615
100.0%	100.0% #805C0E	RGB 128 92 14	#805C0E

#AF983C #A78E34 #9F842C #977A25 #8F701D #876615 #805C0E

#AF983C - #805C0E

HSV Blend

#AF983C - #805C0E | 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 #AF983C as 0% and #805C0E as 100%.

0.0%	0.0% #AF983C	RGB 175 152 60	#AF983C
16.7%	16.7% #A78D32	RGB 167 141 50	#A78D32
33.3%	33.3% #9F832A	RGB 159 131 42	#9F832A
50.0%	50.0% #977922	RGB 151 121 34	#977922
66.7%	66.7% #8F6F1A	RGB 143 111 26	#8F6F1A
83.3%	83.3% #876514	RGB 135 101 20	#876514
100.0%	100.0% #805C0E	RGB 128 92 14	#805C0E

#AF983C #A78D32 #9F832A #977922 #8F6F1A #876514 #805C0E

#AF983C - #977922 - #805C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF983C 0%, #977922 50%, #805C0E 100%);
    background: -webkit-linear-gradient(top, #AF983C 0%, #977922 50%, #805C0E 100%);
    background: linear-gradient(to bottom, #AF983C 0%, #977922 50%, #805C0E 100%);
}
</style>