#8A8D90 - #DCC5A8 | 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 #8A8D90 to #DCC5A8

#8A8D90 #DCC5A8

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

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

0.0%	0.0% #8A8D90	RGB 138 141 144	#8A8D90
16.7%	16.7% #979694	RGB 151 150 148	#979694
33.3%	33.3% #A59F98	RGB 165 159 152	#A59F98
50.0%	50.0% #B3A99C	RGB 179 169 156	#B3A99C
66.7%	66.7% #C0B2A0	RGB 192 178 160	#C0B2A0
83.3%	83.3% #CEBBA4	RGB 206 187 164	#CEBBA4
100.0%	100.0% #DCC5A8	RGB 220 197 168	#DCC5A8

#8A8D90 #979694 #A59F98 #B3A99C #C0B2A0 #CEBBA4 #DCC5A8

#8A8D90 - #DCC5A8

HSV Blend

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

0.0%	0.0% #8A8D90	RGB 138 141 144	#8A8D90
16.7%	16.7% #919C9C	RGB 145 156 156	#919C9C
33.3%	33.3% #97A9A0	RGB 151 169 160	#97A9A0
50.0%	50.0% #9CB69D	RGB 156 182 157	#9CB69D
66.7%	66.7% #B0C2A1	RGB 176 194 161	#B0C2A1
83.3%	83.3% #CDCFA5	RGB 205 207 165	#CDCFA5
100.0%	100.0% #DCC5A8	RGB 220 197 168	#DCC5A8

#8A8D90 #919C9C #97A9A0 #9CB69D #B0C2A1 #CDCFA5 #DCC5A8

#8A8D90 - #9CB69D - #DCC5A8

CSS codes

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

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