#3E3A31 - #372002 | 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 #3E3A31 to #372002

#3E3A31 #372002

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

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

0.0%	0.0% #3E3A31	RGB 62 58 49	#3E3A31
16.7%	16.7% #3C3529	RGB 60 53 41	#3C3529
33.3%	33.3% #3B3121	RGB 59 49 33	#3B3121
50.0%	50.0% #3A2D19	RGB 58 45 25	#3A2D19
66.7%	66.7% #392811	RGB 57 40 17	#392811
83.3%	83.3% #382409	RGB 56 36 9	#382409
100.0%	100.0% #372002	RGB 55 32 2	#372002

#3E3A31 #3C3529 #3B3121 #3A2D19 #392811 #382409 #372002

#3E3A31 - #372002

HSV Blend

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

0.0%	0.0% #3E3A31	RGB 62 58 49	#3E3A31
16.7%	16.7% #3C3628	RGB 60 54 40	#3C3628
33.3%	33.3% #3B3220	RGB 59 50 32	#3B3220
50.0%	50.0% #3A2D18	RGB 58 45 24	#3A2D18
66.7%	66.7% #392910	RGB 57 41 16	#392910
83.3%	83.3% #382409	RGB 56 36 9	#382409
100.0%	100.0% #372002	RGB 55 32 2	#372002

#3E3A31 #3C3628 #3B3220 #3A2D18 #392910 #382409 #372002

#3E3A31 - #3A2D18 - #372002

CSS codes

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

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