#5D5E40 - #484B07 | 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 #5D5E40 to #484B07

#5D5E40 #484B07

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

#5D5E40 - #484B07 | 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 #5D5E40 as 0% and #484B07 as 100%.

0.0%	0.0% #5D5E40	RGB 93 94 64	#5D5E40
16.7%	16.7% #595A36	RGB 89 90 54	#595A36
33.3%	33.3% #56572D	RGB 86 87 45	#56572D
50.0%	50.0% #525423	RGB 82 84 35	#525423
66.7%	66.7% #4F511A	RGB 79 81 26	#4F511A
83.3%	83.3% #4B4E10	RGB 75 78 16	#4B4E10
100.0%	100.0% #484B07	RGB 72 75 7	#484B07

#5D5E40 #595A36 #56572D #525423 #4F511A #4B4E10 #484B07

#5D5E40 - #484B07

HSV Blend

#5D5E40 - #484B07 | 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 #5D5E40 as 0% and #484B07 as 100%.

0.0%	0.0% #5D5E40	RGB 93 94 64	#5D5E40
16.7%	16.7% #595A34	RGB 89 90 52	#595A34
33.3%	33.3% #55572A	RGB 85 87 42	#55572A
50.0%	50.0% #525420	RGB 82 84 32	#525420
66.7%	66.7% #4E5117	RGB 78 81 23	#4E5117
83.3%	83.3% #4B4E0E	RGB 75 78 14	#4B4E0E
100.0%	100.0% #484B07	RGB 72 75 7	#484B07

#5D5E40 #595A34 #55572A #525420 #4E5117 #4B4E0E #484B07

#5D5E40 - #525420 - #484B07

CSS codes

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

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