#828671 - #DBDCD6 | 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 #828671 to #DBDCD6

#828671 #DBDCD6

Calculate the color between two colors, #828671 and #DBDCD6. 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)

#828671 - #DBDCD6 | 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 #828671 as 0% and #DBDCD6 as 100%.

0.0%	0.0% #828671	RGB 130 134 113	#828671
16.7%	16.7% #909481	RGB 144 148 129	#909481
33.3%	33.3% #9FA292	RGB 159 162 146	#9FA292
50.0%	50.0% #AEB1A3	RGB 174 177 163	#AEB1A3
66.7%	66.7% #BDBFB4	RGB 189 191 180	#BDBFB4
83.3%	83.3% #CCCDC5	RGB 204 205 197	#CCCDC5
100.0%	100.0% #DBDCD6	RGB 219 220 214	#DBDCD6

#828671 #909481 #9FA292 #AEB1A3 #BDBFB4 #CCCDC5 #DBDCD6

#828671 - #DBDCD6

HSV Blend

#828671 - #DBDCD6 | 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 #828671 as 0% and #DBDCD6 as 100%.

0.0%	0.0% #828671	RGB 130 134 113	#828671
16.7%	16.7% #909480	RGB 144 148 128	#909480
33.3%	33.3% #9FA290	RGB 159 162 144	#9FA290
50.0%	50.0% #AEB1A0	RGB 174 177 160	#AEB1A0
66.7%	66.7% #BCBFB1	RGB 188 191 177	#BCBFB1
83.3%	83.3% #CBCDC3	RGB 203 205 195	#CBCDC3
100.0%	100.0% #DBDCD6	RGB 219 220 214	#DBDCD6

#828671 #909480 #9FA290 #AEB1A0 #BCBFB1 #CBCDC3 #DBDCD6

#828671 - #AEB1A0 - #DBDCD6

CSS codes

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

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