#DBDADB - #87939A | 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 #DBDADB to #87939A

#DBDADB #87939A

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

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

0.0%	0.0% #DBDADB	RGB 219 218 219	#DBDADB
16.7%	16.7% #CDCED0	RGB 205 206 208	#CDCED0
33.3%	33.3% #BFC2C5	RGB 191 194 197	#BFC2C5
50.0%	50.0% #B1B6BA	RGB 177 182 186	#B1B6BA
66.7%	66.7% #A3AAAF	RGB 163 170 175	#A3AAAF
83.3%	83.3% #959EA4	RGB 149 158 164	#959EA4
100.0%	100.0% #87939A	RGB 135 147 154	#87939A

#DBDADB #CDCED0 #BFC2C5 #B1B6BA #A3AAAF #959EA4 #87939A

#DBDADB - #87939A

HSV Blend

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

0.0%	0.0% #DBDADB	RGB 219 218 219	#DBDADB
16.7%	16.7% #CECBD0	RGB 206 203 208	#CECBD0
33.3%	33.3% #C0BCC5	RGB 192 188 197	#C0BCC5
50.0%	50.0% #B0AEBA	RGB 176 174 186	#B0AEBA
66.7%	66.7% #A0A2AF	RGB 160 162 175	#A0A2AF
83.3%	83.3% #9399A4	RGB 147 153 164	#9399A4
100.0%	100.0% #87939A	RGB 135 147 154	#87939A

#DBDADB #CECBD0 #C0BCC5 #B0AEBA #A0A2AF #9399A4 #87939A

#DBDADB - #B0AEBA - #87939A

CSS codes

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

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