#5E534D - #4F280B | 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 #5E534D to #4F280B

#5E534D #4F280B

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

#5E534D - #4F280B | 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 #5E534D as 0% and #4F280B as 100%.

0.0%	0.0% #5E534D	RGB 94 83 77	#5E534D
16.7%	16.7% #5B4B42	RGB 91 75 66	#5B4B42
33.3%	33.3% #594437	RGB 89 68 55	#594437
50.0%	50.0% #563D2C	RGB 86 61 44	#563D2C
66.7%	66.7% #543620	RGB 84 54 32	#543620
83.3%	83.3% #512F16	RGB 81 47 22	#512F16
100.0%	100.0% #4F280B	RGB 79 40 11	#4F280B

#5E534D #5B4B42 #594437 #563D2C #543620 #512F16 #4F280B

#5E534D - #4F280B

HSV Blend

#5E534D - #4F280B | 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 #5E534D as 0% and #4F280B as 100%.

0.0%	0.0% #5E534D	RGB 94 83 77	#5E534D
16.7%	16.7% #5B4A40	RGB 91 74 64	#5B4A40
33.3%	33.3% #594234	RGB 89 66 52	#594234
50.0%	50.0% #563B29	RGB 86 59 41	#563B29
66.7%	66.7% #54341E	RGB 84 52 30	#54341E
83.3%	83.3% #512D14	RGB 81 45 20	#512D14
100.0%	100.0% #4F280B	RGB 79 40 11	#4F280B

#5E534D #5B4A40 #594234 #563B29 #54341E #512D14 #4F280B

#5E534D - #563B29 - #4F280B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E534D 0%, #563B29 50%, #4F280B 100%);
    background: -webkit-linear-gradient(top, #5E534D 0%, #563B29 50%, #4F280B 100%);
    background: linear-gradient(to bottom, #5E534D 0%, #563B29 50%, #4F280B 100%);
}
</style>