#5E574D - #262B16 | 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 #5E574D to #262B16

#5E574D #262B16

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

#5E574D - #262B16 | 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 #5E574D as 0% and #262B16 as 100%.

0.0%	0.0% #5E574D	RGB 94 87 77	#5E574D
16.7%	16.7% #544F43	RGB 84 79 67	#544F43
33.3%	33.3% #4B483A	RGB 75 72 58	#4B483A
50.0%	50.0% #424131	RGB 66 65 49	#424131
66.7%	66.7% #383928	RGB 56 57 40	#383928
83.3%	83.3% #2F321F	RGB 47 50 31	#2F321F
100.0%	100.0% #262B16	RGB 38 43 22	#262B16

#5E574D #544F43 #4B483A #424131 #383928 #2F321F #262B16

#5E574D - #262B16

HSV Blend

#5E574D - #262B16 | 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 #5E574D as 0% and #262B16 as 100%.

0.0%	0.0% #5E574D	RGB 94 87 77	#5E574D
16.7%	16.7% #554F41	RGB 85 79 65	#554F41
33.3%	33.3% #4D4837	RGB 77 72 55	#4D4837
50.0%	50.0% #44422D	RGB 68 66 45	#44422D
66.7%	66.7% #3B3C24	RGB 59 60 36	#3B3C24
83.3%	83.3% #30331C	RGB 48 51 28	#30331C
100.0%	100.0% #262B16	RGB 38 43 22	#262B16

#5E574D #554F41 #4D4837 #44422D #3B3C24 #30331C #262B16

#5E574D - #44422D - #262B16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E574D 0%, #44422D 50%, #262B16 100%);
    background: -webkit-linear-gradient(top, #5E574D 0%, #44422D 50%, #262B16 100%);
    background: linear-gradient(to bottom, #5E574D 0%, #44422D 50%, #262B16 100%);
}
</style>