#3E2912 - #120A08 | 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 #3E2912 to #120A08

#3E2912 #120A08

Calculate the color between two colors, #3E2912 and #120A08. 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)

#3E2912 - #120A08 | 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 #3E2912 as 0% and #120A08 as 100%.

0.0%	0.0% #3E2912	RGB 62 41 18	#3E2912
16.7%	16.7% #362310	RGB 54 35 16	#362310
33.3%	33.3% #2F1E0E	RGB 47 30 14	#2F1E0E
50.0%	50.0% #28190D	RGB 40 25 13	#28190D
66.7%	66.7% #20140B	RGB 32 20 11	#20140B
83.3%	83.3% #190F09	RGB 25 15 9	#190F09
100.0%	100.0% #120A08	RGB 18 10 8	#120A08

#3E2912 #362310 #2F1E0E #28190D #20140B #190F09 #120A08

#3E2912 - #120A08

HSV Blend

#3E2912 - #120A08 | 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 #3E2912 as 0% and #120A08 as 100%.

0.0%	0.0% #3E2912	RGB 62 41 18	#3E2912
16.7%	16.7% #362211	RGB 54 34 17	#362211
33.3%	33.3% #2F1D10	RGB 47 29 16	#2F1D10
50.0%	50.0% #28170E	RGB 40 23 14	#28170E
66.7%	66.7% #20120C	RGB 32 18 12	#20120C
83.3%	83.3% #190E0A	RGB 25 14 10	#190E0A
100.0%	100.0% #120A08	RGB 18 10 8	#120A08

#3E2912 #362211 #2F1D10 #28170E #20120C #190E0A #120A08

#3E2912 - #28170E - #120A08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2912 0%, #28170E 50%, #120A08 100%);
    background: -webkit-linear-gradient(top, #3E2912 0%, #28170E 50%, #120A08 100%);
    background: linear-gradient(to bottom, #3E2912 0%, #28170E 50%, #120A08 100%);
}
</style>