#AF321C - #320D07 | 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 #AF321C to #320D07

#AF321C #320D07

Calculate the color between two colors, #AF321C and #320D07. 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)

#AF321C - #320D07 | 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 #AF321C as 0% and #320D07 as 100%.

0.0%	0.0% #AF321C	RGB 175 50 28	#AF321C
16.7%	16.7% #9A2B18	RGB 154 43 24	#9A2B18
33.3%	33.3% #852515	RGB 133 37 21	#852515
50.0%	50.0% #701F11	RGB 112 31 17	#701F11
66.7%	66.7% #5B190E	RGB 91 25 14	#5B190E
83.3%	83.3% #46130A	RGB 70 19 10	#46130A
100.0%	100.0% #320D07	RGB 50 13 7	#320D07

#AF321C #9A2B18 #852515 #701F11 #5B190E #46130A #320D07

#AF321C - #320D07

HSV Blend

#AF321C - #320D07 | 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 #AF321C as 0% and #320D07 as 100%.

0.0%	0.0% #AF321C	RGB 175 50 28	#AF321C
16.7%	16.7% #9A2B18	RGB 154 43 24	#9A2B18
33.3%	33.3% #852414	RGB 133 36 20	#852414
50.0%	50.0% #701E10	RGB 112 30 16	#701E10
66.7%	66.7% #5B180D	RGB 91 24 13	#5B180D
83.3%	83.3% #46120A	RGB 70 18 10	#46120A
100.0%	100.0% #320D07	RGB 50 13 7	#320D07

#AF321C #9A2B18 #852414 #701E10 #5B180D #46120A #320D07

#AF321C - #701E10 - #320D07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF321C 0%, #701E10 50%, #320D07 100%);
    background: -webkit-linear-gradient(top, #AF321C 0%, #701E10 50%, #320D07 100%);
    background: linear-gradient(to bottom, #AF321C 0%, #701E10 50%, #320D07 100%);
}
</style>