#3D0E00 - #8D443E | 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 #3D0E00 to #8D443E

#3D0E00 #8D443E

Calculate the color between two colors, #3D0E00 and #8D443E. 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)

#3D0E00 - #8D443E | 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 #3D0E00 as 0% and #8D443E as 100%.

0.0%	0.0% #3D0E00	RGB 61 14 0	#3D0E00
16.7%	16.7% #4A170A	RGB 74 23 10	#4A170A
33.3%	33.3% #572014	RGB 87 32 20	#572014
50.0%	50.0% #65291F	RGB 101 41 31	#65291F
66.7%	66.7% #723229	RGB 114 50 41	#723229
83.3%	83.3% #7F3B33	RGB 127 59 51	#7F3B33
100.0%	100.0% #8D443E	RGB 141 68 62	#8D443E

#3D0E00 #4A170A #572014 #65291F #723229 #7F3B33 #8D443E

#3D0E00 - #8D443E

HSV Blend

#3D0E00 - #8D443E | 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 #3D0E00 as 0% and #8D443E as 100%.

0.0%	0.0% #3D0E00	RGB 61 14 0	#3D0E00
16.7%	16.7% #4A1305	RGB 74 19 5	#4A1305
33.3%	33.3% #571A0C	RGB 87 26 12	#571A0C
50.0%	50.0% #652216	RGB 101 34 22	#652216
66.7%	66.7% #722B21	RGB 114 43 33	#722B21
83.3%	83.3% #7F362E	RGB 127 54 46	#7F362E
100.0%	100.0% #8D443E	RGB 141 68 62	#8D443E

#3D0E00 #4A1305 #571A0C #652216 #722B21 #7F362E #8D443E

#3D0E00 - #652216 - #8D443E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D0E00 0%, #652216 50%, #8D443E 100%);
    background: -webkit-linear-gradient(top, #3D0E00 0%, #652216 50%, #8D443E 100%);
    background: linear-gradient(to bottom, #3D0E00 0%, #652216 50%, #8D443E 100%);
}
</style>