#3C2D23 - #371602 | 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 #3C2D23 to #371602

#3C2D23 #371602

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

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

0.0%	0.0% #3C2D23	RGB 60 45 35	#3C2D23
16.7%	16.7% #3B291D	RGB 59 41 29	#3B291D
33.3%	33.3% #3A2518	RGB 58 37 24	#3A2518
50.0%	50.0% #392112	RGB 57 33 18	#392112
66.7%	66.7% #381D0D	RGB 56 29 13	#381D0D
83.3%	83.3% #371907	RGB 55 25 7	#371907
100.0%	100.0% #371602	RGB 55 22 2	#371602

#3C2D23 #3B291D #3A2518 #392112 #381D0D #371907 #371602

#3C2D23 - #371602

HSV Blend

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

0.0%	0.0% #3C2D23	RGB 60 45 35	#3C2D23
16.7%	16.7% #3B291D	RGB 59 41 29	#3B291D
33.3%	33.3% #3A2517	RGB 58 37 23	#3A2517
50.0%	50.0% #392111	RGB 57 33 17	#392111
66.7%	66.7% #381D0C	RGB 56 29 12	#381D0C
83.3%	83.3% #371907	RGB 55 25 7	#371907
100.0%	100.0% #371602	RGB 55 22 2	#371602

#3C2D23 #3B291D #3A2517 #392111 #381D0C #371907 #371602

#3C2D23 - #392111 - #371602

CSS codes

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

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