#541A1B - #8D5E64 | 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 #541A1B to #8D5E64

#541A1B #8D5E64

Calculate the color between two colors, #541A1B and #8D5E64. 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)

#541A1B - #8D5E64 | 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 #541A1B as 0% and #8D5E64 as 100%.

0.0%	0.0% #541A1B	RGB 84 26 27	#541A1B
16.7%	16.7% #5D2527	RGB 93 37 39	#5D2527
33.3%	33.3% #673033	RGB 103 48 51	#673033
50.0%	50.0% #703C3F	RGB 112 60 63	#703C3F
66.7%	66.7% #7A474B	RGB 122 71 75	#7A474B
83.3%	83.3% #835257	RGB 131 82 87	#835257
100.0%	100.0% #8D5E64	RGB 141 94 100	#8D5E64

#541A1B #5D2527 #673033 #703C3F #7A474B #835257 #8D5E64

#541A1B - #8D5E64

HSV Blend

#541A1B - #8D5E64 | 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 #541A1B as 0% and #8D5E64 as 100%.

0.0%	0.0% #541A1A	RGB 84 26 26	#541A1A
16.7%	16.7% #5D2224	RGB 93 34 36	#5D2224
33.3%	33.3% #672C2F	RGB 103 44 47	#672C2F
50.0%	50.0% #70363B	RGB 112 54 59	#70363B
66.7%	66.7% #7A4247	RGB 122 66 71	#7A4247
83.3%	83.3% #834F55	RGB 131 79 85	#834F55
100.0%	100.0% #8D5E64	RGB 141 94 100	#8D5E64

#541A1A #5D2224 #672C2F #70363B #7A4247 #834F55 #8D5E64

#541A1B - #70363B - #8D5E64

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #541A1A 0%, #70363B 50%, #8D5E64 100%);
    background: -webkit-linear-gradient(top, #541A1A 0%, #70363B 50%, #8D5E64 100%);
    background: linear-gradient(to bottom, #541A1A 0%, #70363B 50%, #8D5E64 100%);
}
</style>