#3D2912 - #2E1505 | 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 #3D2912 to #2E1505

#3D2912 #2E1505

Calculate the color between two colors, #3D2912 and #2E1505. 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)

#3D2912 - #2E1505 | 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 #3D2912 as 0% and #2E1505 as 100%.

0.0%	0.0% #3D2912	RGB 61 41 18	#3D2912
16.7%	16.7% #3A250F	RGB 58 37 15	#3A250F
33.3%	33.3% #38220D	RGB 56 34 13	#38220D
50.0%	50.0% #351F0B	RGB 53 31 11	#351F0B
66.7%	66.7% #331B09	RGB 51 27 9	#331B09
83.3%	83.3% #301807	RGB 48 24 7	#301807
100.0%	100.0% #2E1505	RGB 46 21 5	#2E1505

#3D2912 #3A250F #38220D #351F0B #331B09 #301807 #2E1505

#3D2912 - #2E1505

HSV Blend

#3D2912 - #2E1505 | 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 #3D2912 as 0% and #2E1505 as 100%.

0.0%	0.0% #3D2912	RGB 61 41 18	#3D2912
16.7%	16.7% #3A250F	RGB 58 37 15	#3A250F
33.3%	33.3% #38210D	RGB 56 33 13	#38210D
50.0%	50.0% #351E0A	RGB 53 30 10	#351E0A
66.7%	66.7% #331B08	RGB 51 27 8	#331B08
83.3%	83.3% #301806	RGB 48 24 6	#301806
100.0%	100.0% #2E1505	RGB 46 21 5	#2E1505

#3D2912 #3A250F #38210D #351E0A #331B08 #301806 #2E1505

#3D2912 - #351E0A - #2E1505

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D2912 0%, #351E0A 50%, #2E1505 100%);
    background: -webkit-linear-gradient(top, #3D2912 0%, #351E0A 50%, #2E1505 100%);
    background: linear-gradient(to bottom, #3D2912 0%, #351E0A 50%, #2E1505 100%);
}
</style>