#82646C - #DBD2D5 | 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 #82646C to #DBD2D5

#82646C #DBD2D5

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

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

0.0%	0.0% #82646C	RGB 130 100 108	#82646C
16.7%	16.7% #90767D	RGB 144 118 125	#90767D
33.3%	33.3% #9F888F	RGB 159 136 143	#9F888F
50.0%	50.0% #AE9BA0	RGB 174 155 160	#AE9BA0
66.7%	66.7% #BDADB2	RGB 189 173 178	#BDADB2
83.3%	83.3% #CCBFC3	RGB 204 191 195	#CCBFC3
100.0%	100.0% #DBD2D5	RGB 219 210 213	#DBD2D5

#82646C #90767D #9F888F #AE9BA0 #BDADB2 #CCBFC3 #DBD2D5

#82646C - #DBD2D5

HSV Blend

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

0.0%	0.0% #82646C	RGB 130 100 108	#82646C
16.7%	16.7% #90737C	RGB 144 115 124	#90737C
33.3%	33.3% #9F848C	RGB 159 132 140	#9F848C
50.0%	50.0% #AE969D	RGB 174 150 157	#AE969D
66.7%	66.7% #BDA9AF	RGB 189 169 175	#BDA9AF
83.3%	83.3% #CCBDC2	RGB 204 189 194	#CCBDC2
100.0%	100.0% #DBD2D5	RGB 219 210 213	#DBD2D5

#82646C #90737C #9F848C #AE969D #BDA9AF #CCBDC2 #DBD2D5

#82646C - #AE969D - #DBD2D5

CSS codes

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

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