#827D7B - #DBD9D9 | 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 #827D7B to #DBD9D9

#827D7B #DBD9D9

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

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

0.0%	0.0% #827D7B	RGB 130 125 123	#827D7B
16.7%	16.7% #908C8A	RGB 144 140 138	#908C8A
33.3%	33.3% #9F9B9A	RGB 159 155 154	#9F9B9A
50.0%	50.0% #AEABAA	RGB 174 171 170	#AEABAA
66.7%	66.7% #BDBAB9	RGB 189 186 185	#BDBAB9
83.3%	83.3% #CCC9C9	RGB 204 201 201	#CCC9C9
100.0%	100.0% #DBD9D9	RGB 219 217 217	#DBD9D9

#827D7B #908C8A #9F9B9A #AEABAA #BDBAB9 #CCC9C9 #DBD9D9

#827D7B - #DBD9D9

HSV Blend

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

0.0%	0.0% #827D7B	RGB 130 125 123	#827D7B
16.7%	16.7% #908B8A	RGB 144 139 138	#908B8A
33.3%	33.3% #9F9A99	RGB 159 154 153	#9F9A99
50.0%	50.0% #AEA9A9	RGB 174 169 169	#AEA9A9
66.7%	66.7% #BDB9B8	RGB 189 185 184	#BDB9B8
83.3%	83.3% #CCC8C8	RGB 204 200 200	#CCC8C8
100.0%	100.0% #DBD9D9	RGB 219 217 217	#DBD9D9

#827D7B #908B8A #9F9A99 #AEA9A9 #BDB9B8 #CCC8C8 #DBD9D9

#827D7B - #AEA9A9 - #DBD9D9

CSS codes

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

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