#5E5E54 - #45380E | 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 #5E5E54 to #45380E

#5E5E54 #45380E

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

#5E5E54 - #45380E | 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 #5E5E54 as 0% and #45380E as 100%.

0.0%	0.0% #5E5E54	RGB 94 94 84	#5E5E54
16.7%	16.7% #595748	RGB 89 87 72	#595748
33.3%	33.3% #55513C	RGB 85 81 60	#55513C
50.0%	50.0% #514B31	RGB 81 75 49	#514B31
66.7%	66.7% #4D4425	RGB 77 68 37	#4D4425
83.3%	83.3% #493E19	RGB 73 62 25	#493E19
100.0%	100.0% #45380E	RGB 69 56 14	#45380E

#5E5E54 #595748 #55513C #514B31 #4D4425 #493E19 #45380E

#5E5E54 - #45380E

HSV Blend

#5E5E54 - #45380E | 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 #5E5E54 as 0% and #45380E as 100%.

0.0%	0.0% #5E5E54	RGB 94 94 84	#5E5E54
16.7%	16.7% #595945	RGB 89 89 69	#595945
33.3%	33.3% #555338	RGB 85 83 56	#555338
50.0%	50.0% #514D2C	RGB 81 77 44	#514D2C
66.7%	66.7% #4D4621	RGB 77 70 33	#4D4621
83.3%	83.3% #493F17	RGB 73 63 23	#493F17
100.0%	100.0% #45380E	RGB 69 56 14	#45380E

#5E5E54 #595945 #555338 #514D2C #4D4621 #493F17 #45380E

#5E5E54 - #514D2C - #45380E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E54 0%, #514D2C 50%, #45380E 100%);
    background: -webkit-linear-gradient(top, #5E5E54 0%, #514D2C 50%, #45380E 100%);
    background: linear-gradient(to bottom, #5E5E54 0%, #514D2C 50%, #45380E 100%);
}
</style>