#39160A - #2B0C06 | 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 #39160A to #2B0C06

#39160A #2B0C06

Calculate the color between two colors, #39160A and #2B0C06. 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)

#39160A - #2B0C06 | 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 #39160A as 0% and #2B0C06 as 100%.

0.0%	0.0% #39160A	RGB 57 22 10	#39160A
16.7%	16.7% #361409	RGB 54 20 9	#361409
33.3%	33.3% #341208	RGB 52 18 8	#341208
50.0%	50.0% #321108	RGB 50 17 8	#321108
66.7%	66.7% #2F0F07	RGB 47 15 7	#2F0F07
83.3%	83.3% #2D0D06	RGB 45 13 6	#2D0D06
100.0%	100.0% #2B0C06	RGB 43 12 6	#2B0C06

#39160A #361409 #341208 #321108 #2F0F07 #2D0D06 #2B0C06

#39160A - #2B0C06

HSV Blend

#39160A - #2B0C06 | 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 #39160A as 0% and #2B0C06 as 100%.

0.0%	0.0% #39160A	RGB 57 22 10	#39160A
16.7%	16.7% #361409	RGB 54 20 9	#361409
33.3%	33.3% #341208	RGB 52 18 8	#341208
50.0%	50.0% #321007	RGB 50 16 7	#321007
66.7%	66.7% #2F0F07	RGB 47 15 7	#2F0F07
83.3%	83.3% #2D0D06	RGB 45 13 6	#2D0D06
100.0%	100.0% #2B0C06	RGB 43 12 6	#2B0C06

#39160A #361409 #341208 #321007 #2F0F07 #2D0D06 #2B0C06

#39160A - #321007 - #2B0C06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39160A 0%, #321007 50%, #2B0C06 100%);
    background: -webkit-linear-gradient(top, #39160A 0%, #321007 50%, #2B0C06 100%);
    background: linear-gradient(to bottom, #39160A 0%, #321007 50%, #2B0C06 100%);
}
</style>