#878A8C - #DBC3A6 | 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 #878A8C to #DBC3A6

#878A8C #DBC3A6

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

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

0.0%	0.0% #878A8C	RGB 135 138 140	#878A8C
16.7%	16.7% #959390	RGB 149 147 144	#959390
33.3%	33.3% #A39D94	RGB 163 157 148	#A39D94
50.0%	50.0% #B1A699	RGB 177 166 153	#B1A699
66.7%	66.7% #BFB09D	RGB 191 176 157	#BFB09D
83.3%	83.3% #CDB9A1	RGB 205 185 161	#CDB9A1
100.0%	100.0% #DBC3A6	RGB 219 195 166	#DBC3A6

#878A8C #959390 #A39D94 #B1A699 #BFB09D #CDB9A1 #DBC3A6

#878A8C - #DBC3A6

HSV Blend

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

0.0%	0.0% #878A8C	RGB 135 138 140	#878A8C
16.7%	16.7% #8E9998	RGB 142 153 152	#8E9998
33.3%	33.3% #94A69C	RGB 148 166 156	#94A69C
50.0%	50.0% #9BB39A	RGB 155 179 154	#9BB39A
66.7%	66.7% #B0C09F	RGB 176 192 159	#B0C09F
83.3%	83.3% #CCCDA3	RGB 204 205 163	#CCCDA3
100.0%	100.0% #DBC3A6	RGB 219 195 166	#DBC3A6

#878A8C #8E9998 #94A69C #9BB39A #B0C09F #CCCDA3 #DBC3A6

#878A8C - #9BB39A - #DBC3A6

CSS codes

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

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