#8C8C8D - #D9C19E | 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 #8C8C8D to #D9C19E

#8C8C8D #D9C19E

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

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

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #98948F	RGB 152 148 143	#98948F
33.3%	33.3% #A59D92	RGB 165 157 146	#A59D92
50.0%	50.0% #B2A695	RGB 178 166 149	#B2A695
66.7%	66.7% #BFAF98	RGB 191 175 152	#BFAF98
83.3%	83.3% #CCB89B	RGB 204 184 155	#CCB89B
100.0%	100.0% #D9C19E	RGB 217 193 158	#D9C19E

#8C8C8D #98948F #A59D92 #B2A695 #BFAF98 #CCB89B #D9C19E

#8C8C8D - #D9C19E

HSV Blend

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

0.0%	0.0% #8C8C8D	RGB 140 140 141	#8C8C8D
16.7%	16.7% #959199	RGB 149 145 153	#959199
33.3%	33.3% #A496A6	RGB 164 150 166	#A496A6
50.0%	50.0% #B39AAB	RGB 179 154 171	#B39AAB
66.7%	66.7% #BF9CA6	RGB 191 156 166	#BF9CA6
83.3%	83.3% #CCA59D	RGB 204 165 157	#CCA59D
100.0%	100.0% #D9C19E	RGB 217 193 158	#D9C19E

#8C8C8D #959199 #A496A6 #B39AAB #BF9CA6 #CCA59D #D9C19E

#8C8C8D - #B39AAB - #D9C19E

CSS codes

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

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