#5E534B - #4E280A | 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 #5E534B to #4E280A

#5E534B #4E280A

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

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

0.0%	0.0% #5E534B	RGB 94 83 75	#5E534B
16.7%	16.7% #5B4B40	RGB 91 75 64	#5B4B40
33.3%	33.3% #584435	RGB 88 68 53	#584435
50.0%	50.0% #563D2A	RGB 86 61 42	#563D2A
66.7%	66.7% #53361F	RGB 83 54 31	#53361F
83.3%	83.3% #502F14	RGB 80 47 20	#502F14
100.0%	100.0% #4E280A	RGB 78 40 10	#4E280A

#5E534B #5B4B40 #584435 #563D2A #53361F #502F14 #4E280A

#5E534B - #4E280A

HSV Blend

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

0.0%	0.0% #5E534B	RGB 94 83 75	#5E534B
16.7%	16.7% #5B4A3E	RGB 91 74 62	#5B4A3E
33.3%	33.3% #584332	RGB 88 67 50	#584332
50.0%	50.0% #563B27	RGB 86 59 39	#563B27
66.7%	66.7% #53341D	RGB 83 52 29	#53341D
83.3%	83.3% #502E13	RGB 80 46 19	#502E13
100.0%	100.0% #4E280A	RGB 78 40 10	#4E280A

#5E534B #5B4A3E #584332 #563B27 #53341D #502E13 #4E280A

#5E534B - #563B27 - #4E280A

CSS codes

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

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