#8A8C92 - #D9C3A6 | 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 #8A8C92 to #D9C3A6

#8A8C92 #D9C3A6

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

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

0.0%	0.0% #8A8C92	RGB 138 140 146	#8A8C92
16.7%	16.7% #979595	RGB 151 149 149	#979595
33.3%	33.3% #A49E98	RGB 164 158 152	#A49E98
50.0%	50.0% #B1A79C	RGB 177 167 156	#B1A79C
66.7%	66.7% #BEB09F	RGB 190 176 159	#BEB09F
83.3%	83.3% #CBB9A2	RGB 203 185 162	#CBB9A2
100.0%	100.0% #D9C3A6	RGB 217 195 166	#D9C3A6

#8A8C92 #979595 #A49E98 #B1A79C #BEB09F #CBB9A2 #D9C3A6

#8A8C92 - #D9C3A6

HSV Blend

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

0.0%	0.0% #8A8C92	RGB 138 140 146	#8A8C92
16.7%	16.7% #93909D	RGB 147 144 157	#93909D
33.3%	33.3% #A396A9	RGB 163 150 169	#A396A9
50.0%	50.0% #B59BB1	RGB 181 155 177	#B59BB1
66.7%	66.7% #C19FAC	RGB 193 159 172	#C19FAC
83.3%	83.3% #CDA7A3	RGB 205 167 163	#CDA7A3
100.0%	100.0% #D9C3A6	RGB 217 195 166	#D9C3A6

#8A8C92 #93909D #A396A9 #B59BB1 #C19FAC #CDA7A3 #D9C3A6

#8A8C92 - #B59BB1 - #D9C3A6

CSS codes

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

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