#858781 - #DBDCDB | 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 #858781 to #DBDCDB

#858781 #DBDCDB

Calculate the color between two colors, #858781 and #DBDCDB. 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)

#858781 - #DBDCDB | 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 #858781 as 0% and #DBDCDB as 100%.

0.0%	0.0% #858781	RGB 133 135 129	#858781
16.7%	16.7% #939590	RGB 147 149 144	#939590
33.3%	33.3% #A1A39F	RGB 161 163 159	#A1A39F
50.0%	50.0% #B0B1AE	RGB 176 177 174	#B0B1AE
66.7%	66.7% #BEBFBD	RGB 190 191 189	#BEBFBD
83.3%	83.3% #CCCDCC	RGB 204 205 204	#CCCDCC
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#858781 #939590 #A1A39F #B0B1AE #BEBFBD #CCCDCC #DBDCDB

#858781 - #DBDCDB

HSV Blend

#858781 - #DBDCDB | 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 #858781 as 0% and #DBDCDB as 100%.

0.0%	0.0% #858781	RGB 133 135 129	#858781
16.7%	16.7% #92958F	RGB 146 149 143	#92958F
33.3%	33.3% #A0A39E	RGB 160 163 158	#A0A39E
50.0%	50.0% #AEB1AD	RGB 174 177 173	#AEB1AD
66.7%	66.7% #BDBFBC	RGB 189 191 188	#BDBFBC
83.3%	83.3% #CBCDCB	RGB 203 205 203	#CBCDCB
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#858781 #92958F #A0A39E #AEB1AD #BDBFBC #CBCDCB #DBDCDB

#858781 - #AEB1AD - #DBDCDB

CSS codes

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

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