#5E5341 - #514707 | 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 #5E5341 to #514707

#5E5341 #514707

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

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

0.0%	0.0% #5E5341	RGB 94 83 65	#5E5341
16.7%	16.7% #5B5137	RGB 91 81 55	#5B5137
33.3%	33.3% #594F2D	RGB 89 79 45	#594F2D
50.0%	50.0% #574D24	RGB 87 77 36	#574D24
66.7%	66.7% #554B1A	RGB 85 75 26	#554B1A
83.3%	83.3% #534910	RGB 83 73 16	#534910
100.0%	100.0% #514707	RGB 81 71 7	#514707

#5E5341 #5B5137 #594F2D #574D24 #554B1A #534910 #514707

#5E5341 - #514707

HSV Blend

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

0.0%	0.0% #5E5341	RGB 94 83 65	#5E5341
16.7%	16.7% #5B4F36	RGB 91 79 54	#5B4F36
33.3%	33.3% #594C2B	RGB 89 76 43	#594C2B
50.0%	50.0% #574922	RGB 87 73 34	#574922
66.7%	66.7% #554818	RGB 85 72 24	#554818
83.3%	83.3% #53470F	RGB 83 71 15	#53470F
100.0%	100.0% #514707	RGB 81 71 7	#514707

#5E5341 #5B4F36 #594C2B #574922 #554818 #53470F #514707

#5E5341 - #574922 - #514707

CSS codes

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

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