#8C8D91 - #D9C3A4 | 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 #8C8D91 to #D9C3A4

#8C8D91 #D9C3A4

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

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

0.0%	0.0% #8C8D91	RGB 140 141 145	#8C8D91
16.7%	16.7% #989694	RGB 152 150 148	#989694
33.3%	33.3% #A59F97	RGB 165 159 151	#A59F97
50.0%	50.0% #B2A89A	RGB 178 168 154	#B2A89A
66.7%	66.7% #BFB19D	RGB 191 177 157	#BFB19D
83.3%	83.3% #CCBAA0	RGB 204 186 160	#CCBAA0
100.0%	100.0% #D9C3A4	RGB 217 195 164	#D9C3A4

#8C8D91 #989694 #A59F97 #B2A89A #BFB19D #CCBAA0 #D9C3A4

#8C8D91 - #D9C3A4

HSV Blend

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

0.0%	0.0% #8C8D91	RGB 140 141 145	#8C8D91
16.7%	16.7% #94929D	RGB 148 146 157	#94929D
33.3%	33.3% #A497A9	RGB 164 151 169	#A497A9
50.0%	50.0% #B59BB0	RGB 181 155 176	#B59BB0
66.7%	66.7% #C19FAA	RGB 193 159 170	#C19FAA
83.3%	83.3% #CDA7A2	RGB 205 167 162	#CDA7A2
100.0%	100.0% #D9C3A4	RGB 217 195 164	#D9C3A4

#8C8D91 #94929D #A497A9 #B59BB0 #C19FAA #CDA7A2 #D9C3A4

#8C8D91 - #B59BB0 - #D9C3A4

CSS codes

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

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