#8F8F90 - #DAC3A0 | 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 #8F8F90 to #DAC3A0

#8F8F90 #DAC3A0

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

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

0.0%	0.0% #8F8F90	RGB 143 143 144	#8F8F90
16.7%	16.7% #9B9792	RGB 155 151 146	#9B9792
33.3%	33.3% #A8A095	RGB 168 160 149	#A8A095
50.0%	50.0% #B4A998	RGB 180 169 152	#B4A998
66.7%	66.7% #C1B19A	RGB 193 177 154	#C1B19A
83.3%	83.3% #CDBA9D	RGB 205 186 157	#CDBA9D
100.0%	100.0% #DAC3A0	RGB 218 195 160	#DAC3A0

#8F8F90 #9B9792 #A8A095 #B4A998 #C1B19A #CDBA9D #DAC3A0

#8F8F90 - #DAC3A0

HSV Blend

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

0.0%	0.0% #8F8F90	RGB 143 143 144	#8F8F90
16.7%	16.7% #97949C	RGB 151 148 156	#97949C
33.3%	33.3% #A698A8	RGB 166 152 168	#A698A8
50.0%	50.0% #B59CAD	RGB 181 156 173	#B59CAD
66.7%	66.7% #C19EA7	RGB 193 158 167	#C19EA7
83.3%	83.3% #CDA79F	RGB 205 167 159	#CDA79F
100.0%	100.0% #DAC3A0	RGB 218 195 160	#DAC3A0

#8F8F90 #97949C #A698A8 #B59CAD #C19EA7 #CDA79F #DAC3A0

#8F8F90 - #B59CAD - #DAC3A0

CSS codes

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

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