#85655C - #EEAF7E | 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 #85655C to #EEAF7E

#85655C #EEAF7E

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

#85655C - #EEAF7E | 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 #85655C as 0% and #EEAF7E as 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #967161	RGB 150 113 97	#967161
33.3%	33.3% #A87D67	RGB 168 125 103	#A87D67
50.0%	50.0% #B98A6D	RGB 185 138 109	#B98A6D
66.7%	66.7% #CB9672	RGB 203 150 114	#CB9672
83.3%	83.3% #DCA278	RGB 220 162 120	#DCA278
100.0%	100.0% #EEAF7E	RGB 238 175 126	#EEAF7E

#85655C #967161 #A87D67 #B98A6D #CB9672 #DCA278 #EEAF7E

#85655C - #EEAF7E

HSV Blend

#85655C - #EEAF7E | 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 #85655C as 0% and #EEAF7E as 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #967064	RGB 150 112 100	#967064
33.3%	33.3% #A87C6B	RGB 168 124 107	#A87C6B
50.0%	50.0% #B98871	RGB 185 136 113	#B98871
66.7%	66.7% #CB9576	RGB 203 149 118	#CB9576
83.3%	83.3% #DCA17A	RGB 220 161 122	#DCA17A
100.0%	100.0% #EEAF7E	RGB 238 175 126	#EEAF7E

#85655C #967064 #A87C6B #B98871 #CB9576 #DCA17A #EEAF7E

#85655C - #B98871 - #EEAF7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85655C 0%, #B98871 50%, #EEAF7E 100%);
    background: -webkit-linear-gradient(top, #85655C 0%, #B98871 50%, #EEAF7E 100%);
    background: linear-gradient(to bottom, #85655C 0%, #B98871 50%, #EEAF7E 100%);
}
</style>