#8F8985 - #DFDEDC | 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 #8F8985 to #DFDEDC

#8F8985 #DFDEDC

Calculate the color between two colors, #8F8985 and #DFDEDC. 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)

#8F8985 - #DFDEDC | 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 #8F8985 as 0% and #DFDEDC as 100%.

0.0%	0.0% #8F8985	RGB 143 137 133	#8F8985
16.7%	16.7% #9C9793	RGB 156 151 147	#9C9793
33.3%	33.3% #A9A5A2	RGB 169 165 162	#A9A5A2
50.0%	50.0% #B7B3B0	RGB 183 179 176	#B7B3B0
66.7%	66.7% #C4C1BF	RGB 196 193 191	#C4C1BF
83.3%	83.3% #D1CFCD	RGB 209 207 205	#D1CFCD
100.0%	100.0% #DFDEDC	RGB 223 222 220	#DFDEDC

#8F8985 #9C9793 #A9A5A2 #B7B3B0 #C4C1BF #D1CFCD #DFDEDC

#8F8985 - #DFDEDC

HSV Blend

#8F8985 - #DFDEDC | 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 #8F8985 as 0% and #DFDEDC as 100%.

0.0%	0.0% #8F8985	RGB 143 137 133	#8F8985
16.7%	16.7% #9C9792	RGB 156 151 146	#9C9792
33.3%	33.3% #A9A5A0	RGB 169 165 160	#A9A5A0
50.0%	50.0% #B7B3AF	RGB 183 179 175	#B7B3AF
66.7%	66.7% #C4C1BD	RGB 196 193 189	#C4C1BD
83.3%	83.3% #D1CFCC	RGB 209 207 204	#D1CFCC
100.0%	100.0% #DFDEDC	RGB 223 222 220	#DFDEDC

#8F8985 #9C9792 #A9A5A0 #B7B3AF #C4C1BD #D1CFCC #DFDEDC

#8F8985 - #B7B3AF - #DFDEDC

CSS codes

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

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