#5E4554 - #49140C | 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 #5E4554 to #49140C

#5E4554 #49140C

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

#5E4554 - #49140C | 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 #5E4554 as 0% and #49140C as 100%.

0.0%	0.0% #5E4554	RGB 94 69 84	#5E4554
16.7%	16.7% #5A3C48	RGB 90 60 72	#5A3C48
33.3%	33.3% #57343C	RGB 87 52 60	#57343C
50.0%	50.0% #532C30	RGB 83 44 48	#532C30
66.7%	66.7% #502424	RGB 80 36 36	#502424
83.3%	83.3% #4C1C18	RGB 76 28 24	#4C1C18
100.0%	100.0% #49140C	RGB 73 20 12	#49140C

#5E4554 #5A3C48 #57343C #532C30 #502424 #4C1C18 #49140C

#5E4554 - #49140C

HSV Blend

#5E4554 - #49140C | 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 #5E4554 as 0% and #49140C as 100%.

0.0%	0.0% #5E4554	RGB 94 69 84	#5E4554
16.7%	16.7% #5A3949	RGB 90 57 73	#5A3949
33.3%	33.3% #572F3D	RGB 87 47 61	#572F3D
50.0%	50.0% #532530	RGB 83 37 48	#532530
66.7%	66.7% #501C22	RGB 80 28 34	#501C22
83.3%	83.3% #4C1413	RGB 76 20 19	#4C1413
100.0%	100.0% #49140C	RGB 73 20 12	#49140C

#5E4554 #5A3949 #572F3D #532530 #501C22 #4C1413 #49140C

#5E4554 - #532530 - #49140C

CSS codes

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

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