#868B7A - #DBDDD9 | 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 #868B7A to #DBDDD9

#868B7A #DBDDD9

Calculate the color between two colors, #868B7A and #DBDDD9. 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)

#868B7A - #DBDDD9 | 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 #868B7A as 0% and #DBDDD9 as 100%.

0.0%	0.0% #868B7A	RGB 134 139 122	#868B7A
16.7%	16.7% #949889	RGB 148 152 137	#949889
33.3%	33.3% #A2A699	RGB 162 166 153	#A2A699
50.0%	50.0% #B0B4A9	RGB 176 180 169	#B0B4A9
66.7%	66.7% #BEC1B9	RGB 190 193 185	#BEC1B9
83.3%	83.3% #CCCFC9	RGB 204 207 201	#CCCFC9
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#868B7A #949889 #A2A699 #B0B4A9 #BEC1B9 #CCCFC9 #DBDDD9

#868B7A - #DBDDD9

HSV Blend

#868B7A - #DBDDD9 | 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 #868B7A as 0% and #DBDDD9 as 100%.

0.0%	0.0% #868B7A	RGB 134 139 122	#868B7A
16.7%	16.7% #939888	RGB 147 152 136	#939888
33.3%	33.3% #A1A697	RGB 161 166 151	#A1A697
50.0%	50.0% #AEB4A7	RGB 174 180 167	#AEB4A7
66.7%	66.7% #BDC1B7	RGB 189 193 183	#BDC1B7
83.3%	83.3% #CBCFC7	RGB 203 207 199	#CBCFC7
100.0%	100.0% #DBDDD9	RGB 219 221 217	#DBDDD9

#868B7A #939888 #A1A697 #AEB4A7 #BDC1B7 #CBCFC7 #DBDDD9

#868B7A - #AEB4A7 - #DBDDD9

CSS codes

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

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