#3A1D1D - #8F594A | 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 #3A1D1D to #8F594A

#3A1D1D #8F594A

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

#3A1D1D - #8F594A | 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 #3A1D1D as 0% and #8F594A as 100%.

0.0%	0.0% #3A1D1D	RGB 58 29 29	#3A1D1D
16.7%	16.7% #482724	RGB 72 39 36	#482724
33.3%	33.3% #56312C	RGB 86 49 44	#56312C
50.0%	50.0% #643B33	RGB 100 59 51	#643B33
66.7%	66.7% #72453B	RGB 114 69 59	#72453B
83.3%	83.3% #804F42	RGB 128 79 66	#804F42
100.0%	100.0% #8F594A	RGB 143 89 74	#8F594A

#3A1D1D #482724 #56312C #643B33 #72453B #804F42 #8F594A

#3A1D1D - #8F594A

HSV Blend

#3A1D1D - #8F594A | 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 #3A1D1D as 0% and #8F594A as 100%.

0.0%	0.0% #3A1D1D	RGB 58 29 29	#3A1D1D
16.7%	16.7% #482524	RGB 72 37 36	#482524
33.3%	33.3% #562E2B	RGB 86 46 43	#562E2B
50.0%	50.0% #643833	RGB 100 56 51	#643833
66.7%	66.7% #72423A	RGB 114 66 58	#72423A
83.3%	83.3% #804D42	RGB 128 77 66	#804D42
100.0%	100.0% #8F594A	RGB 143 89 74	#8F594A

#3A1D1D #482524 #562E2B #643833 #72423A #804D42 #8F594A

#3A1D1D - #643833 - #8F594A

CSS codes

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

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