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

#848684 #DBDCDB

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

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

0.0%	0.0% #848684	RGB 132 134 132	#848684
16.7%	16.7% #929492	RGB 146 148 146	#929492
33.3%	33.3% #A1A2A1	RGB 161 162 161	#A1A2A1
50.0%	50.0% #AFB1AF	RGB 175 177 175	#AFB1AF
66.7%	66.7% #BEBFBE	RGB 190 191 190	#BEBFBE
83.3%	83.3% #CCCDCC	RGB 204 205 204	#CCCDCC
100.0%	100.0% #DBDCDB	RGB 219 220 219	#DBDCDB

#848684 #929492 #A1A2A1 #AFB1AF #BEBFBE #CCCDCC #DBDCDB

#848684 - #DBDCDB

HSV Blend

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

0.0%	0.0% #848684	RGB 132 134 132	#848684
16.7%	16.7% #929492	RGB 146 148 146	#929492
33.3%	33.3% #A0A2A0	RGB 160 162 160	#A0A2A0
50.0%	50.0% #AFB1AF	RGB 175 177 175	#AFB1AF
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

#848684 #929492 #A0A2A0 #AFB1AF #BDBFBD #CCCDCC #DBDCDB

#848684 - #AFB1AF - #DBDCDB

CSS codes

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

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