#847C84 - #DBD9DB | 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 #847C84 to #DBD9DB

#847C84 #DBD9DB

Calculate the color between two colors, #847C84 and #DBD9DB. 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)

#847C84 - #DBD9DB | 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 #847C84 as 0% and #DBD9DB as 100%.

0.0%	0.0% #847C84	RGB 132 124 132	#847C84
16.7%	16.7% #928B92	RGB 146 139 146	#928B92
33.3%	33.3% #A19BA1	RGB 161 155 161	#A19BA1
50.0%	50.0% #AFAAAF	RGB 175 170 175	#AFAAAF
66.7%	66.7% #BEBABE	RGB 190 186 190	#BEBABE
83.3%	83.3% #CCC9CC	RGB 204 201 204	#CCC9CC
100.0%	100.0% #DBD9DB	RGB 219 217 219	#DBD9DB

#847C84 #928B92 #A19BA1 #AFAAAF #BEBABE #CCC9CC #DBD9DB

#847C84 - #DBD9DB

HSV Blend

#847C84 - #DBD9DB | 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 #847C84 as 0% and #DBD9DB as 100%.

0.0%	0.0% #847C84	RGB 132 124 132	#847C84
16.7%	16.7% #928A92	RGB 146 138 146	#928A92
33.3%	33.3% #A19AA1	RGB 161 154 161	#A19AA1
50.0%	50.0% #AFA9AF	RGB 175 169 175	#AFA9AF
66.7%	66.7% #BEB9BE	RGB 190 185 190	#BEB9BE
83.3%	83.3% #CCC8CC	RGB 204 200 204	#CCC8CC
100.0%	100.0% #DBD9DB	RGB 219 217 219	#DBD9DB

#847C84 #928A92 #A19AA1 #AFA9AF #BEB9BE #CCC8CC #DBD9DB

#847C84 - #AFA9AF - #DBD9DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #847C84 0%, #AFA9AF 50%, #DBD9DB 100%);
    background: -webkit-linear-gradient(top, #847C84 0%, #AFA9AF 50%, #DBD9DB 100%);
    background: linear-gradient(to bottom, #847C84 0%, #AFA9AF 50%, #DBD9DB 100%);
}
</style>