#5E5456 - #422716 | 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 #5E5456 to #422716

#5E5456 #422716

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

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

0.0%	0.0% #5E5456	RGB 94 84 86	#5E5456
16.7%	16.7% #594C4B	RGB 89 76 75	#594C4B
33.3%	33.3% #544540	RGB 84 69 64	#544540
50.0%	50.0% #503D36	RGB 80 61 54	#503D36
66.7%	66.7% #4B362B	RGB 75 54 43	#4B362B
83.3%	83.3% #462E20	RGB 70 46 32	#462E20
100.0%	100.0% #422716	RGB 66 39 22	#422716

#5E5456 #594C4B #544540 #503D36 #4B362B #462E20 #422716

#5E5456 - #422716

HSV Blend

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

0.0%	0.0% #5E5456	RGB 94 84 86	#5E5456
16.7%	16.7% #594749	RGB 89 71 73	#594749
33.3%	33.3% #543B3B	RGB 84 59 59	#543B3B
50.0%	50.0% #503331	RGB 80 51 49	#503331
66.7%	66.7% #4B2E27	RGB 75 46 39	#4B2E27
83.3%	83.3% #46291E	RGB 70 41 30	#46291E
100.0%	100.0% #422716	RGB 66 39 22	#422716

#5E5456 #594749 #543B3B #503331 #4B2E27 #46291E #422716

#5E5456 - #503331 - #422716

CSS codes

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

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