#411F1F - #985C4A | 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 #411F1F to #985C4A

#411F1F #985C4A

Calculate the color between two colors, #411F1F and #985C4A. 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)

#411F1F - #985C4A | 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 #411F1F as 0% and #985C4A as 100%.

0.0%	0.0% #411F1F	RGB 65 31 31	#411F1F
16.7%	16.7% #4F2926	RGB 79 41 38	#4F2926
33.3%	33.3% #5E332D	RGB 94 51 45	#5E332D
50.0%	50.0% #6C3D34	RGB 108 61 52	#6C3D34
66.7%	66.7% #7B473B	RGB 123 71 59	#7B473B
83.3%	83.3% #895142	RGB 137 81 66	#895142
100.0%	100.0% #985C4A	RGB 152 92 74	#985C4A

#411F1F #4F2926 #5E332D #6C3D34 #7B473B #895142 #985C4A

#411F1F - #985C4A

HSV Blend

#411F1F - #985C4A | 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 #411F1F as 0% and #985C4A as 100%.

0.0%	0.0% #411F1F	RGB 65 31 31	#411F1F
16.7%	16.7% #4F2726	RGB 79 39 38	#4F2726
33.3%	33.3% #5E302D	RGB 94 48 45	#5E302D
50.0%	50.0% #6C3A34	RGB 108 58 52	#6C3A34
66.7%	66.7% #7B453B	RGB 123 69 59	#7B453B
83.3%	83.3% #895042	RGB 137 80 66	#895042
100.0%	100.0% #985C4A	RGB 152 92 74	#985C4A

#411F1F #4F2726 #5E302D #6C3A34 #7B453B #895042 #985C4A

#411F1F - #6C3A34 - #985C4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
    background: -webkit-linear-gradient(top, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
    background: linear-gradient(to bottom, #411F1F 0%, #6C3A34 50%, #985C4A 100%);
}
</style>