#610B0B - #AB3820 | 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 #610B0B to #AB3820

#610B0B #AB3820

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

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

0.0%	0.0% #610B0B	RGB 97 11 11	#610B0B
16.7%	16.7% #6D120E	RGB 109 18 14	#6D120E
33.3%	33.3% #791A12	RGB 121 26 18	#791A12
50.0%	50.0% #862115	RGB 134 33 21	#862115
66.7%	66.7% #922919	RGB 146 41 25	#922919
83.3%	83.3% #9E301C	RGB 158 48 28	#9E301C
100.0%	100.0% #AB3820	RGB 171 56 32	#AB3820

#610B0B #6D120E #791A12 #862115 #922919 #9E301C #AB3820

#610B0B - #AB3820

HSV Blend

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

0.0%	0.0% #610B0B	RGB 97 11 11	#610B0B
16.7%	16.7% #6D100D	RGB 109 16 13	#6D100D
33.3%	33.3% #791610	RGB 121 22 16	#791610
50.0%	50.0% #861D14	RGB 134 29 20	#861D14
66.7%	66.7% #922517	RGB 146 37 23	#922517
83.3%	83.3% #9E2E1B	RGB 158 46 27	#9E2E1B
100.0%	100.0% #AB3820	RGB 171 56 32	#AB3820

#610B0B #6D100D #791610 #861D14 #922517 #9E2E1B #AB3820

#610B0B - #861D14 - #AB3820

CSS codes

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

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