#825C5A - #EDDF8F | 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 #825C5A to #EDDF8F

#825C5A #EDDF8F

Calculate the color between two colors, #825C5A and #EDDF8F. 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)

#825C5A - #EDDF8F | 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 #825C5A as 0% and #EDDF8F as 100%.

0.0%	0.0% #825C5A	RGB 130 92 90	#825C5A
16.7%	16.7% #937162	RGB 147 113 98	#937162
33.3%	33.3% #A5876B	RGB 165 135 107	#A5876B
50.0%	50.0% #B79D74	RGB 183 157 116	#B79D74
66.7%	66.7% #C9B37D	RGB 201 179 125	#C9B37D
83.3%	83.3% #DBC986	RGB 219 201 134	#DBC986
100.0%	100.0% #EDDF8F	RGB 237 223 143	#EDDF8F

#825C5A #937162 #A5876B #B79D74 #C9B37D #DBC986 #EDDF8F

#825C5A - #EDDF8F

HSV Blend

#825C5A - #EDDF8F | 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 #825C5A as 0% and #EDDF8F as 100%.

0.0%	0.0% #825C5A	RGB 130 92 90	#825C5A
16.7%	16.7% #936C64	RGB 147 108 100	#936C64
33.3%	33.3% #A57F6D	RGB 165 127 109	#A57F6D
50.0%	50.0% #B79376	RGB 183 147 118	#B79376
66.7%	66.7% #C9AA7F	RGB 201 170 127	#C9AA7F
83.3%	83.3% #DBC387	RGB 219 195 135	#DBC387
100.0%	100.0% #EDDF8F	RGB 237 223 143	#EDDF8F

#825C5A #936C64 #A57F6D #B79376 #C9AA7F #DBC387 #EDDF8F

#825C5A - #B79376 - #EDDF8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #825C5A 0%, #B79376 50%, #EDDF8F 100%);
    background: -webkit-linear-gradient(top, #825C5A 0%, #B79376 50%, #EDDF8F 100%);
    background: linear-gradient(to bottom, #825C5A 0%, #B79376 50%, #EDDF8F 100%);
}
</style>