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

#868583 #DBDCDB

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

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

0.0%	0.0% #868583	RGB 134 133 131	#868583
16.7%	16.7% #949391	RGB 148 147 145	#949391
33.3%	33.3% #A2A2A0	RGB 162 162 160	#A2A2A0
50.0%	50.0% #B0B0AF	RGB 176 176 175	#B0B0AF
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

#868583 #949391 #A2A2A0 #B0B0AF #BEBFBD #CCCDCC #DBDCDB

#868583 - #DBDCDB

HSV Blend

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

0.0%	0.0% #868583	RGB 134 133 131	#868583
16.7%	16.7% #949491	RGB 148 148 145	#949491
33.3%	33.3% #A2A29F	RGB 162 162 159	#A2A29F
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

#868583 #949491 #A2A29F #B0B1AE #BEBFBD #CCCDCC #DBDCDB

#868583 - #B0B1AE - #DBDCDB

CSS codes

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

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