#82747C - #DBD7D9 | 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 #82747C to #DBD7D9

#82747C #DBD7D9

Calculate the color between two colors, #82747C and #DBD7D9. 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)

#82747C - #DBD7D9 | 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 #82747C as 0% and #DBD7D9 as 100%.

0.0%	0.0% #82747C	RGB 130 116 124	#82747C
16.7%	16.7% #90848B	RGB 144 132 139	#90848B
33.3%	33.3% #9F959B	RGB 159 149 155	#9F959B
50.0%	50.0% #AEA5AA	RGB 174 165 170	#AEA5AA
66.7%	66.7% #BDB6BA	RGB 189 182 186	#BDB6BA
83.3%	83.3% #CCC6C9	RGB 204 198 201	#CCC6C9
100.0%	100.0% #DBD7D9	RGB 219 215 217	#DBD7D9

#82747C #90848B #9F959B #AEA5AA #BDB6BA #CCC6C9 #DBD7D9

#82747C - #DBD7D9

HSV Blend

#82747C - #DBD7D9 | 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 #82747C as 0% and #DBD7D9 as 100%.

0.0%	0.0% #82747C	RGB 130 116 124	#82747C
16.7%	16.7% #90838A	RGB 144 131 138	#90838A
33.3%	33.3% #9F939A	RGB 159 147 154	#9F939A
50.0%	50.0% #AEA3A9	RGB 174 163 169	#AEA3A9
66.7%	66.7% #BDB4B8	RGB 189 180 184	#BDB4B8
83.3%	83.3% #CCC5C8	RGB 204 197 200	#CCC5C8
100.0%	100.0% #DBD7D9	RGB 219 215 217	#DBD7D9

#82747C #90838A #9F939A #AEA3A9 #BDB4B8 #CCC5C8 #DBD7D9

#82747C - #AEA3A9 - #DBD7D9

CSS codes

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

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