#381D1D - #8C5A4B | 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 #381D1D to #8C5A4B

#381D1D #8C5A4B

Calculate the color between two colors, #381D1D and #8C5A4B. 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)

#381D1D - #8C5A4B | 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 #381D1D as 0% and #8C5A4B as 100%.

0.0%	0.0% #381D1D	RGB 56 29 29	#381D1D
16.7%	16.7% #462724	RGB 70 39 36	#462724
33.3%	33.3% #54312C	RGB 84 49 44	#54312C
50.0%	50.0% #623B34	RGB 98 59 52	#623B34
66.7%	66.7% #70453B	RGB 112 69 59	#70453B
83.3%	83.3% #7E4F43	RGB 126 79 67	#7E4F43
100.0%	100.0% #8C5A4B	RGB 140 90 75	#8C5A4B

#381D1D #462724 #54312C #623B34 #70453B #7E4F43 #8C5A4B

#381D1D - #8C5A4B

HSV Blend

#381D1D - #8C5A4B | 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 #381D1D as 0% and #8C5A4B as 100%.

0.0%	0.0% #381D1D	RGB 56 29 29	#381D1D
16.7%	16.7% #462524	RGB 70 37 36	#462524
33.3%	33.3% #542F2C	RGB 84 47 44	#542F2C
50.0%	50.0% #623833	RGB 98 56 51	#623833
66.7%	66.7% #70433B	RGB 112 67 59	#70433B
83.3%	83.3% #7E4E43	RGB 126 78 67	#7E4E43
100.0%	100.0% #8C5A4B	RGB 140 90 75	#8C5A4B

#381D1D #462524 #542F2C #623833 #70433B #7E4E43 #8C5A4B

#381D1D - #623833 - #8C5A4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #381D1D 0%, #623833 50%, #8C5A4B 100%);
    background: -webkit-linear-gradient(top, #381D1D 0%, #623833 50%, #8C5A4B 100%);
    background: linear-gradient(to bottom, #381D1D 0%, #623833 50%, #8C5A4B 100%);
}
</style>