#855D5E - #EFA475 | 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 #855D5E to #EFA475

#855D5E #EFA475

Calculate the color between two colors, #855D5E and #EFA475. 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)

#855D5E - #EFA475 | 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 #855D5E as 0% and #EFA475 as 100%.

0.0%	0.0% #855D5E	RGB 133 93 94	#855D5E
16.7%	16.7% #966861	RGB 150 104 97	#966861
33.3%	33.3% #A87465	RGB 168 116 101	#A87465
50.0%	50.0% #BA8069	RGB 186 128 105	#BA8069
66.7%	66.7% #CB8C6D	RGB 203 140 109	#CB8C6D
83.3%	83.3% #DD9871	RGB 221 152 113	#DD9871
100.0%	100.0% #EFA475	RGB 239 164 117	#EFA475

#855D5E #966861 #A87465 #BA8069 #CB8C6D #DD9871 #EFA475

#855D5E - #EFA475

HSV Blend

#855D5E - #EFA475 | 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 #855D5E as 0% and #EFA475 as 100%.

0.0%	0.0% #855D5E	RGB 133 93 94	#855D5E
16.7%	16.7% #966664	RGB 150 102 100	#966664
33.3%	33.3% #A87069	RGB 168 112 105	#A87069
50.0%	50.0% #BA7C6E	RGB 186 124 110	#BA7C6E
66.7%	66.7% #CB8871	RGB 203 136 113	#CB8871
83.3%	83.3% #DD9574	RGB 221 149 116	#DD9574
100.0%	100.0% #EFA475	RGB 239 164 117	#EFA475

#855D5E #966664 #A87069 #BA7C6E #CB8871 #DD9574 #EFA475

#855D5E - #BA7C6E - #EFA475

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #855D5E 0%, #BA7C6E 50%, #EFA475 100%);
    background: -webkit-linear-gradient(top, #855D5E 0%, #BA7C6E 50%, #EFA475 100%);
    background: linear-gradient(to bottom, #855D5E 0%, #BA7C6E 50%, #EFA475 100%);
}
</style>