#85715C - #EED07E | 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 #85715C to #EED07E

#85715C #EED07E

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

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

0.0%	0.0% #85715C	RGB 133 113 92	#85715C
16.7%	16.7% #968061	RGB 150 128 97	#968061
33.3%	33.3% #A89067	RGB 168 144 103	#A89067
50.0%	50.0% #B9A06D	RGB 185 160 109	#B9A06D
66.7%	66.7% #CBB072	RGB 203 176 114	#CBB072
83.3%	83.3% #DCC078	RGB 220 192 120	#DCC078
100.0%	100.0% #EED07E	RGB 238 208 126	#EED07E

#85715C #968061 #A89067 #B9A06D #CBB072 #DCC078 #EED07E

#85715C - #EED07E

HSV Blend

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

0.0%	0.0% #85715C	RGB 133 113 92	#85715C
16.7%	16.7% #967F64	RGB 150 127 100	#967F64
33.3%	33.3% #A88E6B	RGB 168 142 107	#A88E6B
50.0%	50.0% #B99E71	RGB 185 158 113	#B99E71
66.7%	66.7% #CBAE76	RGB 203 174 118	#CBAE76
83.3%	83.3% #DCBE7A	RGB 220 190 122	#DCBE7A
100.0%	100.0% #EED07E	RGB 238 208 126	#EED07E

#85715C #967F64 #A88E6B #B99E71 #CBAE76 #DCBE7A #EED07E

#85715C - #B99E71 - #EED07E

CSS codes

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

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