#391B06 - #844B3C | 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 #391B06 to #844B3C

#391B06 #844B3C

Calculate the color between two colors, #391B06 and #844B3C. 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)

#391B06 - #844B3C | 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 #391B06 as 0% and #844B3C as 100%.

0.0%	0.0% #391B06	RGB 57 27 6	#391B06
16.7%	16.7% #45230F	RGB 69 35 15	#45230F
33.3%	33.3% #522B18	RGB 82 43 24	#522B18
50.0%	50.0% #5E3321	RGB 94 51 33	#5E3321
66.7%	66.7% #6B3B2A	RGB 107 59 42	#6B3B2A
83.3%	83.3% #774333	RGB 119 67 51	#774333
100.0%	100.0% #844B3C	RGB 132 75 60	#844B3C

#391B06 #45230F #522B18 #5E3321 #6B3B2A #774333 #844B3C

#391B06 - #844B3C

HSV Blend

#391B06 - #844B3C | 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 #391B06 as 0% and #844B3C as 100%.

0.0%	0.0% #391B06	RGB 57 27 6	#391B06
16.7%	16.7% #45210B	RGB 69 33 11	#45210B
33.3%	33.3% #522812	RGB 82 40 18	#522812
50.0%	50.0% #5E2F1A	RGB 94 47 26	#5E2F1A
66.7%	66.7% #6B3724	RGB 107 55 36	#6B3724
83.3%	83.3% #77402F	RGB 119 64 47	#77402F
100.0%	100.0% #844B3C	RGB 132 75 60	#844B3C

#391B06 #45210B #522812 #5E2F1A #6B3724 #77402F #844B3C

#391B06 - #5E2F1A - #844B3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391B06 0%, #5E2F1A 50%, #844B3C 100%);
    background: -webkit-linear-gradient(top, #391B06 0%, #5E2F1A 50%, #844B3C 100%);
    background: linear-gradient(to bottom, #391B06 0%, #5E2F1A 50%, #844B3C 100%);
}
</style>