#391F10 - #2B0B05 | 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 #391F10 to #2B0B05

#391F10 #2B0B05

Calculate the color between two colors, #391F10 and #2B0B05. 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)

#391F10 - #2B0B05 | 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 #391F10 as 0% and #2B0B05 as 100%.

0.0%	0.0% #391F10	RGB 57 31 16	#391F10
16.7%	16.7% #361B0E	RGB 54 27 14	#361B0E
33.3%	33.3% #34180C	RGB 52 24 12	#34180C
50.0%	50.0% #32150A	RGB 50 21 10	#32150A
66.7%	66.7% #2F1108	RGB 47 17 8	#2F1108
83.3%	83.3% #2D0E06	RGB 45 14 6	#2D0E06
100.0%	100.0% #2B0B05	RGB 43 11 5	#2B0B05

#391F10 #361B0E #34180C #32150A #2F1108 #2D0E06 #2B0B05

#391F10 - #2B0B05

HSV Blend

#391F10 - #2B0B05 | 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 #391F10 as 0% and #2B0B05 as 100%.

0.0%	0.0% #391F10	RGB 57 31 16	#391F10
16.7%	16.7% #361B0D	RGB 54 27 13	#361B0D
33.3%	33.3% #34170B	RGB 52 23 11	#34170B
50.0%	50.0% #321409	RGB 50 20 9	#321409
66.7%	66.7% #2F1108	RGB 47 17 8	#2F1108
83.3%	83.3% #2D0D06	RGB 45 13 6	#2D0D06
100.0%	100.0% #2B0B05	RGB 43 11 5	#2B0B05

#391F10 #361B0D #34170B #321409 #2F1108 #2D0D06 #2B0B05

#391F10 - #321409 - #2B0B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #391F10 0%, #321409 50%, #2B0B05 100%);
    background: -webkit-linear-gradient(top, #391F10 0%, #321409 50%, #2B0B05 100%);
    background: linear-gradient(to bottom, #391F10 0%, #321409 50%, #2B0B05 100%);
}
</style>