#382D2B - #3E1301 | 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 #382D2B to #3E1301

#382D2B #3E1301

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

#382D2B - #3E1301 | 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 #382D2B as 0% and #3E1301 as 100%.

0.0%	0.0% #382D2B	RGB 56 45 43	#382D2B
16.7%	16.7% #392824	RGB 57 40 36	#392824
33.3%	33.3% #3A241D	RGB 58 36 29	#3A241D
50.0%	50.0% #3B2016	RGB 59 32 22	#3B2016
66.7%	66.7% #3C1B0F	RGB 60 27 15	#3C1B0F
83.3%	83.3% #3D1708	RGB 61 23 8	#3D1708
100.0%	100.0% #3E1301	RGB 62 19 1	#3E1301

#382D2B #392824 #3A241D #3B2016 #3C1B0F #3D1708 #3E1301

#382D2B - #3E1301

HSV Blend

#382D2B - #3E1301 | 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 #382D2B as 0% and #3E1301 as 100%.

0.0%	0.0% #382D2B	RGB 56 45 43	#382D2B
16.7%	16.7% #392824	RGB 57 40 36	#392824
33.3%	33.3% #3A231E	RGB 58 35 30	#3A231E
50.0%	50.0% #3B1F17	RGB 59 31 23	#3B1F17
66.7%	66.7% #3C1A10	RGB 60 26 16	#3C1A10
83.3%	83.3% #3D1608	RGB 61 22 8	#3D1608
100.0%	100.0% #3E1301	RGB 62 19 1	#3E1301

#382D2B #392824 #3A231E #3B1F17 #3C1A10 #3D1608 #3E1301

#382D2B - #3B1F17 - #3E1301

CSS codes

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

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