#3C110A - #83422D | 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 #3C110A to #83422D

#3C110A #83422D

Calculate the color between two colors, #3C110A and #83422D. 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)

#3C110A - #83422D | 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 #3C110A as 0% and #83422D as 100%.

0.0%	0.0% #3C110A	RGB 60 17 10	#3C110A
16.7%	16.7% #47190F	RGB 71 25 15	#47190F
33.3%	33.3% #532115	RGB 83 33 21	#532115
50.0%	50.0% #5F291B	RGB 95 41 27	#5F291B
66.7%	66.7% #6B3121	RGB 107 49 33	#6B3121
83.3%	83.3% #773927	RGB 119 57 39	#773927
100.0%	100.0% #83422D	RGB 131 66 45	#83422D

#3C110A #47190F #532115 #5F291B #6B3121 #773927 #83422D

#3C110A - #83422D

HSV Blend

#3C110A - #83422D | 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 #3C110A as 0% and #83422D as 100%.

0.0%	0.0% #3C110A	RGB 60 17 10	#3C110A
16.7%	16.7% #47170E	RGB 71 23 14	#47170E
33.3%	33.3% #531E12	RGB 83 30 18	#531E12
50.0%	50.0% #5F2618	RGB 95 38 24	#5F2618
66.7%	66.7% #6B2E1E	RGB 107 46 30	#6B2E1E
83.3%	83.3% #773725	RGB 119 55 37	#773725
100.0%	100.0% #83422D	RGB 131 66 45	#83422D

#3C110A #47170E #531E12 #5F2618 #6B2E1E #773725 #83422D

#3C110A - #5F2618 - #83422D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C110A 0%, #5F2618 50%, #83422D 100%);
    background: -webkit-linear-gradient(top, #3C110A 0%, #5F2618 50%, #83422D 100%);
    background: linear-gradient(to bottom, #3C110A 0%, #5F2618 50%, #83422D 100%);
}
</style>