#8F8C84 - #DFDEDB | 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 #8F8C84 to #DFDEDB

#8F8C84 #DFDEDB

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

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

0.0%	0.0% #8F8C84	RGB 143 140 132	#8F8C84
16.7%	16.7% #9C9992	RGB 156 153 146	#9C9992
33.3%	33.3% #A9A7A1	RGB 169 167 161	#A9A7A1
50.0%	50.0% #B7B5AF	RGB 183 181 175	#B7B5AF
66.7%	66.7% #C4C2BE	RGB 196 194 190	#C4C2BE
83.3%	83.3% #D1D0CC	RGB 209 208 204	#D1D0CC
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#8F8C84 #9C9992 #A9A7A1 #B7B5AF #C4C2BE #D1D0CC #DFDEDB

#8F8C84 - #DFDEDB

HSV Blend

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

0.0%	0.0% #8F8C84	RGB 143 140 132	#8F8C84
16.7%	16.7% #9C9991	RGB 156 153 145	#9C9991
33.3%	33.3% #A9A79F	RGB 169 167 159	#A9A79F
50.0%	50.0% #B7B4AE	RGB 183 180 174	#B7B4AE
66.7%	66.7% #C4C2BC	RGB 196 194 188	#C4C2BC
83.3%	83.3% #D1D0CB	RGB 209 208 203	#D1D0CB
100.0%	100.0% #DFDEDB	RGB 223 222 219	#DFDEDB

#8F8C84 #9C9991 #A9A79F #B7B4AE #C4C2BC #D1D0CB #DFDEDB

#8F8C84 - #B7B4AE - #DFDEDB

CSS codes

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

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