#5D5E54 - #31370C | 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 #5D5E54 to #31370C

#5D5E54 #31370C

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

#5D5E54 - #31370C | 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 #5D5E54 as 0% and #31370C as 100%.

0.0%	0.0% #5D5E54	RGB 93 94 84	#5D5E54
16.7%	16.7% #555748	RGB 85 87 72	#555748
33.3%	33.3% #4E513C	RGB 78 81 60	#4E513C
50.0%	50.0% #474A30	RGB 71 74 48	#474A30
66.7%	66.7% #3F4424	RGB 63 68 36	#3F4424
83.3%	83.3% #383D18	RGB 56 61 24	#383D18
100.0%	100.0% #31370C	RGB 49 55 12	#31370C

#5D5E54 #555748 #4E513C #474A30 #3F4424 #383D18 #31370C

#5D5E54 - #31370C

HSV Blend

#5D5E54 - #31370C | 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 #5D5E54 as 0% and #31370C as 100%.

0.0%	0.0% #5D5E54	RGB 93 94 84	#5D5E54
16.7%	16.7% #555744	RGB 85 87 68	#555744
33.3%	33.3% #4D5136	RGB 77 81 54	#4D5136
50.0%	50.0% #464A29	RGB 70 74 41	#464A29
66.7%	66.7% #3F441E	RGB 63 68 30	#3F441E
83.3%	83.3% #383D14	RGB 56 61 20	#383D14
100.0%	100.0% #31370C	RGB 49 55 12	#31370C

#5D5E54 #555744 #4D5136 #464A29 #3F441E #383D14 #31370C

#5D5E54 - #464A29 - #31370C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E54 0%, #464A29 50%, #31370C 100%);
    background: -webkit-linear-gradient(top, #5D5E54 0%, #464A29 50%, #31370C 100%);
    background: linear-gradient(to bottom, #5D5E54 0%, #464A29 50%, #31370C 100%);
}
</style>