#610A12 - #AF331C | 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 #610A12 to #AF331C

#610A12 #AF331C

Calculate the color between two colors, #610A12 and #AF331C. 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)

#610A12 - #AF331C | 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 #610A12 as 0% and #AF331C as 100%.

0.0%	0.0% #610A12	RGB 97 10 18	#610A12
16.7%	16.7% #6E1013	RGB 110 16 19	#6E1013
33.3%	33.3% #7B1715	RGB 123 23 21	#7B1715
50.0%	50.0% #881E17	RGB 136 30 23	#881E17
66.7%	66.7% #952518	RGB 149 37 24	#952518
83.3%	83.3% #A22C1A	RGB 162 44 26	#A22C1A
100.0%	100.0% #AF331C	RGB 175 51 28	#AF331C

#610A12 #6E1013 #7B1715 #881E17 #952518 #A22C1A #AF331C

#610A12 - #AF331C

HSV Blend

#610A12 - #AF331C | 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 #610A12 as 0% and #AF331C as 100%.

0.0%	0.0% #610A11	RGB 97 10 17	#610A11
16.7%	16.7% #6E0C11	RGB 110 12 17	#6E0C11
33.3%	33.3% #7B0F10	RGB 123 15 16	#7B0F10
50.0%	50.0% #881511	RGB 136 21 17	#881511
66.7%	66.7% #951E15	RGB 149 30 21	#951E15
83.3%	83.3% #A22818	RGB 162 40 24	#A22818
100.0%	100.0% #AF331C	RGB 175 51 28	#AF331C

#610A11 #6E0C11 #7B0F10 #881511 #951E15 #A22818 #AF331C

#610A12 - #881511 - #AF331C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #610A11 0%, #881511 50%, #AF331C 100%);
    background: -webkit-linear-gradient(top, #610A11 0%, #881511 50%, #AF331C 100%);
    background: linear-gradient(to bottom, #610A11 0%, #881511 50%, #AF331C 100%);
}
</style>