#87939C - #DCDFE2 | 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 #87939C to #DCDFE2

#87939C #DCDFE2

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

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

0.0%	0.0% #87939C	RGB 135 147 156	#87939C
16.7%	16.7% #959FA7	RGB 149 159 167	#959FA7
33.3%	33.3% #A3ACB3	RGB 163 172 179	#A3ACB3
50.0%	50.0% #B1B9BF	RGB 177 185 191	#B1B9BF
66.7%	66.7% #BFC5CA	RGB 191 197 202	#BFC5CA
83.3%	83.3% #CDD2D6	RGB 205 210 214	#CDD2D6
100.0%	100.0% #DCDFE2	RGB 220 223 226	#DCDFE2

#87939C #959FA7 #A3ACB3 #B1B9BF #BFC5CA #CDD2D6 #DCDFE2

#87939C - #DCDFE2

HSV Blend

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

0.0%	0.0% #87939C	RGB 135 147 156	#87939C
16.7%	16.7% #949FA7	RGB 148 159 167	#949FA7
33.3%	33.3% #A1ABB3	RGB 161 171 179	#A1ABB3
50.0%	50.0% #AFB7BF	RGB 175 183 191	#AFB7BF
66.7%	66.7% #BDC4CA	RGB 189 196 202	#BDC4CA
83.3%	83.3% #CCD1D6	RGB 204 209 214	#CCD1D6
100.0%	100.0% #DCDFE2	RGB 220 223 226	#DCDFE2

#87939C #949FA7 #A1ABB3 #AFB7BF #BDC4CA #CCD1D6 #DCDFE2

#87939C - #AFB7BF - #DCDFE2

CSS codes

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

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