#827F7E - #DBDADA | 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 #827F7E to #DBDADA

#827F7E #DBDADA

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

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

0.0%	0.0% #827F7E	RGB 130 127 126	#827F7E
16.7%	16.7% #908E8D	RGB 144 142 141	#908E8D
33.3%	33.3% #9F9D9C	RGB 159 157 156	#9F9D9C
50.0%	50.0% #AEACAC	RGB 174 172 172	#AEACAC
66.7%	66.7% #BDBBBB	RGB 189 187 187	#BDBBBB
83.3%	83.3% #CCCACA	RGB 204 202 202	#CCCACA
100.0%	100.0% #DBDADA	RGB 219 218 218	#DBDADA

#827F7E #908E8D #9F9D9C #AEACAC #BDBBBB #CCCACA #DBDADA

#827F7E - #DBDADA

HSV Blend

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

0.0%	0.0% #827F7E	RGB 130 127 126	#827F7E
16.7%	16.7% #908D8D	RGB 144 141 141	#908D8D
33.3%	33.3% #9F9C9C	RGB 159 156 156	#9F9C9C
50.0%	50.0% #AEABAB	RGB 174 171 171	#AEABAB
66.7%	66.7% #BDBBBA	RGB 189 187 186	#BDBBBA
83.3%	83.3% #CCCACA	RGB 204 202 202	#CCCACA
100.0%	100.0% #DBDADA	RGB 219 218 218	#DBDADA

#827F7E #908D8D #9F9C9C #AEABAB #BDBBBA #CCCACA #DBDADA

#827F7E - #AEABAB - #DBDADA

CSS codes

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

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