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

#858683 #DBDCDB

Calculate the color between two colors, #858683 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)

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

0.0%	0.0% #858683	RGB 133 134 131	#858683
16.7%	16.7% #939491	RGB 147 148 145	#939491
33.3%	33.3% #A1A2A0	RGB 161 162 160	#A1A2A0
50.0%	50.0% #B0B1AF	RGB 176 177 175	#B0B1AF
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

#858683 #939491 #A1A2A0 #B0B1AF #BEBFBD #CCCDCC #DBDCDB

#858683 - #DBDCDB

HSV Blend

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

0.0%	0.0% #858683	RGB 133 134 131	#858683
16.7%	16.7% #939491	RGB 147 148 145	#939491
33.3%	33.3% #A1A29F	RGB 161 162 159	#A1A29F
50.0%	50.0% #AFB1AE	RGB 175 177 174	#AFB1AE
66.7%	66.7% #BDBFBD	RGB 189 191 189	#BDBFBD
83.3%	83.3% #CCCDCC	RGB 204 205 204	#CCCDCC
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#858683 #939491 #A1A29F #AFB1AE #BDBFBD #CCCDCC #DBDCDB

#858683 - #AFB1AE - #DBDCDB

CSS codes

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

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