#878B7B - #DBDDD9 | 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 #878B7B to #DBDDD9

#878B7B #DBDDD9

Calculate the color between two colors, #878B7B and #DBDDD9. 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)

#878B7B - #DBDDD9 | 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 #878B7B as 0% and #DBDDD9 as 100%.

0.0%	0.0% #878B7B	RGB 135 139 123	#878B7B
16.7%	16.7% #95988A	RGB 149 152 138	#95988A
33.3%	33.3% #A3A69A	RGB 163 166 154	#A3A69A
50.0%	50.0% #B1B4AA	RGB 177 180 170	#B1B4AA
66.7%	66.7% #BFC1B9	RGB 191 193 185	#BFC1B9
83.3%	83.3% #CDCFC9	RGB 205 207 201	#CDCFC9
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#878B7B #95988A #A3A69A #B1B4AA #BFC1B9 #CDCFC9 #DBDDD9

#878B7B - #DBDDD9

HSV Blend

#878B7B - #DBDDD9 | 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 #878B7B as 0% and #DBDDD9 as 100%.

0.0%	0.0% #878B7B	RGB 135 139 123	#878B7B
16.7%	16.7% #949889	RGB 148 152 137	#949889
33.3%	33.3% #A1A698	RGB 161 166 152	#A1A698
50.0%	50.0% #AFB4A8	RGB 175 180 168	#AFB4A8
66.7%	66.7% #BDC1B7	RGB 189 193 183	#BDC1B7
83.3%	83.3% #CCCFC8	RGB 204 207 200	#CCCFC8
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#878B7B #949889 #A1A698 #AFB4A8 #BDC1B7 #CCCFC8 #DBDDD9

#878B7B - #AFB4A8 - #DBDDD9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #878B7B 0%, #AFB4A8 50%, #DBDDD9 100%);
    background: -webkit-linear-gradient(top, #878B7B 0%, #AFB4A8 50%, #DBDDD9 100%);
    background: linear-gradient(to bottom, #878B7B 0%, #AFB4A8 50%, #DBDDD9 100%);
}
</style>