#3C2D08 - #070404 | 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 #3C2D08 to #070404

#3C2D08 #070404

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

#3C2D08 - #070404 | 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 #3C2D08 as 0% and #070404 as 100%.

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #332607	RGB 51 38 7	#332607
33.3%	33.3% #2A1F06	RGB 42 31 6	#2A1F06
50.0%	50.0% #211806	RGB 33 24 6	#211806
66.7%	66.7% #181105	RGB 24 17 5	#181105
83.3%	83.3% #0F0A04	RGB 15 10 4	#0F0A04
100.0%	100.0% #070404	RGB 7 4 4	#070404

#3C2D08 #332607 #2A1F06 #211806 #181105 #0F0A04 #070404

#3C2D08 - #070404

HSV Blend

#3C2D08 - #070404 | 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 #3C2D08 as 0% and #070404 as 100%.

0.0%	0.0% #3C2D08	RGB 60 45 8	#3C2D08
16.7%	16.7% #33220A	RGB 51 34 10	#33220A
33.3%	33.3% #2A1A0B	RGB 42 26 11	#2A1A0B
50.0%	50.0% #21130B	RGB 33 19 11	#21130B
66.7%	66.7% #180D0A	RGB 24 13 10	#180D0A
83.3%	83.3% #0F0807	RGB 15 8 7	#0F0807
100.0%	100.0% #070404	RGB 7 4 4	#070404

#3C2D08 #33220A #2A1A0B #21130B #180D0A #0F0807 #070404

#3C2D08 - #21130B - #070404

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D08 0%, #21130B 50%, #070404 100%);
    background: -webkit-linear-gradient(top, #3C2D08 0%, #21130B 50%, #070404 100%);
    background: linear-gradient(to bottom, #3C2D08 0%, #21130B 50%, #070404 100%);
}
</style>