#5E5B55 - #503F0E | 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 #5E5B55 to #503F0E

#5E5B55 #503F0E

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

#5E5B55 - #503F0E | 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 #5E5B55 as 0% and #503F0E as 100%.

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5B5649	RGB 91 86 73	#5B5649
33.3%	33.3% #59513D	RGB 89 81 61	#59513D
50.0%	50.0% #574D31	RGB 87 77 49	#574D31
66.7%	66.7% #544825	RGB 84 72 37	#544825
83.3%	83.3% #524319	RGB 82 67 25	#524319
100.0%	100.0% #503F0E	RGB 80 63 14	#503F0E

#5E5B55 #5B5649 #59513D #574D31 #544825 #524319 #503F0E

#5E5B55 - #503F0E

HSV Blend

#5E5B55 - #503F0E | 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 #5E5B55 as 0% and #503F0E as 100%.

0.0%	0.0% #5E5B55	RGB 94 91 85	#5E5B55
16.7%	16.7% #5B5547	RGB 91 85 71	#5B5547
33.3%	33.3% #59503B	RGB 89 80 59	#59503B
50.0%	50.0% #574B2E	RGB 87 75 46	#574B2E
66.7%	66.7% #544623	RGB 84 70 35	#544623
83.3%	83.3% #524218	RGB 82 66 24	#524218
100.0%	100.0% #503F0E	RGB 80 63 14	#503F0E

#5E5B55 #5B5547 #59503B #574B2E #544623 #524218 #503F0E

#5E5B55 - #574B2E - #503F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B55 0%, #574B2E 50%, #503F0E 100%);
    background: -webkit-linear-gradient(top, #5E5B55 0%, #574B2E 50%, #503F0E 100%);
    background: linear-gradient(to bottom, #5E5B55 0%, #574B2E 50%, #503F0E 100%);
}
</style>