#82817D - #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 #82817D to #DBD9D9

#82817D #DBD9D9

Calculate the color between two colors, #82817D 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)

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

0.0%	0.0% #82817D	RGB 130 129 125	#82817D
16.7%	16.7% #908F8C	RGB 144 143 140	#908F8C
33.3%	33.3% #9F9E9B	RGB 159 158 155	#9F9E9B
50.0%	50.0% #AEADAB	RGB 174 173 171	#AEADAB
66.7%	66.7% #BDBBBA	RGB 189 187 186	#BDBBBA
83.3%	83.3% #CCCAC9	RGB 204 202 201	#CCCAC9
100.0%	100.0% #DBD9D9	RGB 219 217 217	#DBD9D9

#82817D #908F8C #9F9E9B #AEADAB #BDBBBA #CCCAC9 #DBD9D9

#82817D - #DBD9D9

HSV Blend

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

0.0%	0.0% #82817D	RGB 130 129 125	#82817D
16.7%	16.7% #908F8B	RGB 144 143 139	#908F8B
33.3%	33.3% #9F9D9B	RGB 159 157 155	#9F9D9B
50.0%	50.0% #AEACAA	RGB 174 172 170	#AEACAA
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

#82817D #908F8B #9F9D9B #AEACAA #BDBAB9 #CCC9C9 #DBD9D9

#82817D - #AEACAA - #DBD9D9

CSS codes

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

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