#828C7E - #DDCC96 | 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 #828C7E to #DDCC96

#828C7E #DDCC96

Calculate the color between two colors, #828C7E and #DDCC96. 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)

#828C7E - #DDCC96 | 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 #828C7E as 0% and #DDCC96 as 100%.

0.0%	0.0% #828C7E	RGB 130 140 126	#828C7E
16.7%	16.7% #919682	RGB 145 150 130	#919682
33.3%	33.3% #A0A186	RGB 160 161 134	#A0A186
50.0%	50.0% #AFAC8A	RGB 175 172 138	#AFAC8A
66.7%	66.7% #BEB68E	RGB 190 182 142	#BEB68E
83.3%	83.3% #CDC192	RGB 205 193 146	#CDC192
100.0%	100.0% #DDCC96	RGB 221 204 150	#DDCC96

#828C7E #919682 #A0A186 #AFAC8A #BEB68E #CDC192 #DDCC96

#828C7E - #DDCC96

HSV Blend

#828C7E - #DDCC96 | 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 #828C7E as 0% and #DDCC96 as 100%.

0.0%	0.0% #828C7E	RGB 130 140 126	#828C7E
16.7%	16.7% #8D9984	RGB 141 153 132	#8D9984
33.3%	33.3% #9BA789	RGB 155 167 137	#9BA789
50.0%	50.0% #ABB48E	RGB 171 180 142	#ABB48E
66.7%	66.7% #BEC291	RGB 190 194 145	#BEC291
83.3%	83.3% #CFCA94	RGB 207 202 148	#CFCA94
100.0%	100.0% #DDCC96	RGB 221 204 150	#DDCC96

#828C7E #8D9984 #9BA789 #ABB48E #BEC291 #CFCA94 #DDCC96

#828C7E - #ABB48E - #DDCC96

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #828C7E 0%, #ABB48E 50%, #DDCC96 100%);
    background: -webkit-linear-gradient(top, #828C7E 0%, #ABB48E 50%, #DDCC96 100%);
    background: linear-gradient(to bottom, #828C7E 0%, #ABB48E 50%, #DDCC96 100%);
}
</style>