#5E4D5A - #471216 | 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 #5E4D5A to #471216

#5E4D5A #471216

Calculate the color between two colors, #5E4D5A and #471216. 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)

#5E4D5A - #471216 | 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 #5E4D5A as 0% and #471216 as 100%.

0.0%	0.0% #5E4D5A	RGB 94 77 90	#5E4D5A
16.7%	16.7% #5A434E	RGB 90 67 78	#5A434E
33.3%	33.3% #563943	RGB 86 57 67	#563943
50.0%	50.0% #522F38	RGB 82 47 56	#522F38
66.7%	66.7% #4E252C	RGB 78 37 44	#4E252C
83.3%	83.3% #4A1B21	RGB 74 27 33	#4A1B21
100.0%	100.0% #471216	RGB 71 18 22	#471216

#5E4D5A #5A434E #563943 #522F38 #4E252C #4A1B21 #471216

#5E4D5A - #471216

HSV Blend

#5E4D5A - #471216 | 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 #5E4D5A as 0% and #471216 as 100%.

0.0%	0.0% #5E4D5A	RGB 94 77 90	#5E4D5A
16.7%	16.7% #5A4151	RGB 90 65 81	#5A4151
33.3%	33.3% #563647	RGB 86 54 71	#563647
50.0%	50.0% #522C3C	RGB 82 44 60	#522C3C
66.7%	66.7% #4E2230	RGB 78 34 48	#4E2230
83.3%	83.3% #4A1A23	RGB 74 26 35	#4A1A23
100.0%	100.0% #471216	RGB 71 18 22	#471216

#5E4D5A #5A4151 #563647 #522C3C #4E2230 #4A1A23 #471216

#5E4D5A - #522C3C - #471216

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D5A 0%, #522C3C 50%, #471216 100%);
    background: -webkit-linear-gradient(top, #5E4D5A 0%, #522C3C 50%, #471216 100%);
    background: linear-gradient(to bottom, #5E4D5A 0%, #522C3C 50%, #471216 100%);
}
</style>