#5E555F - #EC996A | 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 #5E555F to #EC996A

#5E555F #EC996A

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

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

0.0%	0.0% #5E555F	RGB 94 85 95	#5E555F
16.7%	16.7% #756060	RGB 117 96 96	#756060
33.3%	33.3% #8D6B62	RGB 141 107 98	#8D6B62
50.0%	50.0% #A57764	RGB 165 119 100	#A57764
66.7%	66.7% #BC8266	RGB 188 130 102	#BC8266
83.3%	83.3% #D48D68	RGB 212 141 104	#D48D68
100.0%	100.0% #EC996A	RGB 236 153 106	#EC996A

#5E555F #756060 #8D6B62 #A57764 #BC8266 #D48D68 #EC996A

#5E555F - #EC996A

HSV Blend

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

0.0%	0.0% #5E555F	RGB 94 85 95	#5E555F
16.7%	16.7% #766173	RGB 118 97 115	#766173
33.3%	33.3% #8E6980	RGB 142 105 128	#8E6980
50.0%	50.0% #A56F83	RGB 165 111 131	#A56F83
66.7%	66.7% #BD707A	RGB 189 112 122	#BD707A
83.3%	83.3% #D47B6F	RGB 212 123 111	#D47B6F
100.0%	100.0% #EC996A	RGB 236 153 106	#EC996A

#5E555F #766173 #8E6980 #A56F83 #BD707A #D47B6F #EC996A

#5E555F - #A56F83 - #EC996A

CSS codes

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

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