#5E4B5B - #481016 | 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 #5E4B5B to #481016

#5E4B5B #481016

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

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

0.0%	0.0% #5E4B5B	RGB 94 75 91	#5E4B5B
16.7%	16.7% #5A414F	RGB 90 65 79	#5A414F
33.3%	33.3% #563744	RGB 86 55 68	#563744
50.0%	50.0% #532D38	RGB 83 45 56	#532D38
66.7%	66.7% #4F232D	RGB 79 35 45	#4F232D
83.3%	83.3% #4B1921	RGB 75 25 33	#4B1921
100.0%	100.0% #481016	RGB 72 16 22	#481016

#5E4B5B #5A414F #563744 #532D38 #4F232D #4B1921 #481016

#5E4B5B - #481016

HSV Blend

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

0.0%	0.0% #5E4B5B	RGB 94 75 91	#5E4B5B
16.7%	16.7% #5A3F52	RGB 90 63 82	#5A3F52
33.3%	33.3% #563448	RGB 86 52 72	#563448
50.0%	50.0% #532A3D	RGB 83 42 61	#532A3D
66.7%	66.7% #4F2031	RGB 79 32 49	#4F2031
83.3%	83.3% #4B1823	RGB 75 24 35	#4B1823
100.0%	100.0% #481016	RGB 72 16 22	#481016

#5E4B5B #5A3F52 #563448 #532A3D #4F2031 #4B1823 #481016

#5E4B5B - #532A3D - #481016

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4B5B 0%, #532A3D 50%, #481016 100%);
    background: -webkit-linear-gradient(top, #5E4B5B 0%, #532A3D 50%, #481016 100%);
    background: linear-gradient(to bottom, #5E4B5B 0%, #532A3D 50%, #481016 100%);
}
</style>