#5E5B5D - #481823 | 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 #5E5B5D to #481823

#5E5B5D #481823

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

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #5A4F53	RGB 90 79 83	#5A4F53
33.3%	33.3% #564449	RGB 86 68 73	#564449
50.0%	50.0% #533940	RGB 83 57 64	#533940
66.7%	66.7% #4F2E36	RGB 79 46 54	#4F2E36
83.3%	83.3% #4B232C	RGB 75 35 44	#4B232C
100.0%	100.0% #481823	RGB 72 24 35	#481823

#5E5B5D #5A4F53 #564449 #533940 #4F2E36 #4B232C #481823

#5E5B5D - #481823

HSV Blend

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

0.0%	0.0% #5E5B5D	RGB 94 91 93	#5E5B5D
16.7%	16.7% #5A4D55	RGB 90 77 85	#5A4D55
33.3%	33.3% #56414C	RGB 86 65 76	#56414C
50.0%	50.0% #533642	RGB 83 54 66	#533642
66.7%	66.7% #4F2B38	RGB 79 43 56	#4F2B38
83.3%	83.3% #4B212E	RGB 75 33 46	#4B212E
100.0%	100.0% #481823	RGB 72 24 35	#481823

#5E5B5D #5A4D55 #56414C #533642 #4F2B38 #4B212E #481823

#5E5B5D - #533642 - #481823

CSS codes

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

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