#AF6502 - #321C00 | 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 #AF6502 to #321C00

#AF6502 #321C00

Calculate the color between two colors, #AF6502 and #321C00. 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)

#AF6502 - #321C00 | 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 #AF6502 as 0% and #321C00 as 100%.

0.0%	0.0% #AF6502	RGB 175 101 2	#AF6502
16.7%	16.7% #9A5801	RGB 154 88 1	#9A5801
33.3%	33.3% #854C01	RGB 133 76 1	#854C01
50.0%	50.0% #704001	RGB 112 64 1	#704001
66.7%	66.7% #5B3400	RGB 91 52 0	#5B3400
83.3%	83.3% #462800	RGB 70 40 0	#462800
100.0%	100.0% #321C00	RGB 50 28 0	#321C00

#AF6502 #9A5801 #854C01 #704001 #5B3400 #462800 #321C00

#AF6502 - #321C00

HSV Blend

#AF6502 - #321C00 | 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 #AF6502 as 0% and #321C00 as 100%.

0.0%	0.0% #AF6502	RGB 175 101 2	#AF6502
16.7%	16.7% #9A5801	RGB 154 88 1	#9A5801
33.3%	33.3% #854C01	RGB 133 76 1	#854C01
50.0%	50.0% #703F00	RGB 112 63 0	#703F00
66.7%	66.7% #5B3300	RGB 91 51 0	#5B3300
83.3%	83.3% #462700	RGB 70 39 0	#462700
100.0%	100.0% #321C00	RGB 50 28 0	#321C00

#AF6502 #9A5801 #854C01 #703F00 #5B3300 #462700 #321C00

#AF6502 - #703F00 - #321C00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF6502 0%, #703F00 50%, #321C00 100%);
    background: -webkit-linear-gradient(top, #AF6502 0%, #703F00 50%, #321C00 100%);
    background: linear-gradient(to bottom, #AF6502 0%, #703F00 50%, #321C00 100%);
}
</style>