#827D3E - #DBD9C7 | 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 #827D3E to #DBD9C7

#827D3E #DBD9C7

Calculate the color between two colors, #827D3E and #DBD9C7. 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)

#827D3E - #DBD9C7 | 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 #827D3E as 0% and #DBD9C7 as 100%.

0.0%	0.0% #827D3E	RGB 130 125 62	#827D3E
16.7%	16.7% #908C54	RGB 144 140 84	#908C54
33.3%	33.3% #9F9B6B	RGB 159 155 107	#9F9B6B
50.0%	50.0% #AEAB82	RGB 174 171 130	#AEAB82
66.7%	66.7% #BDBA99	RGB 189 186 153	#BDBA99
83.3%	83.3% #CCC9B0	RGB 204 201 176	#CCC9B0
100.0%	100.0% #DBD9C7	RGB 219 217 199	#DBD9C7

#827D3E #908C54 #9F9B6B #AEAB82 #BDBA99 #CCC9B0 #DBD9C7

#827D3E - #DBD9C7

HSV Blend

#827D3E - #DBD9C7 | 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 #827D3E as 0% and #DBD9C7 as 100%.

0.0%	0.0% #827D3E	RGB 130 125 62	#827D3E
16.7%	16.7% #908B4F	RGB 144 139 79	#908B4F
33.3%	33.3% #9F9A63	RGB 159 154 99	#9F9A63
50.0%	50.0% #AEA978	RGB 174 169 120	#AEA978
66.7%	66.7% #BDB990	RGB 189 185 144	#BDB990
83.3%	83.3% #CCC8AA	RGB 204 200 170	#CCC8AA
100.0%	100.0% #DBD9C7	RGB 219 217 199	#DBD9C7

#827D3E #908B4F #9F9A63 #AEA978 #BDB990 #CCC8AA #DBD9C7

#827D3E - #AEA978 - #DBD9C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #827D3E 0%, #AEA978 50%, #DBD9C7 100%);
    background: -webkit-linear-gradient(top, #827D3E 0%, #AEA978 50%, #DBD9C7 100%);
    background: linear-gradient(to bottom, #827D3E 0%, #AEA978 50%, #DBD9C7 100%);
}
</style>