#838A8F - #DAC4A8 | 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 #838A8F to #DAC4A8

#838A8F #DAC4A8

Calculate the color between two colors, #838A8F and #DAC4A8. 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)

#838A8F - #DAC4A8 | 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 #838A8F as 0% and #DAC4A8 as 100%.

0.0%	0.0% #838A8F	RGB 131 138 143	#838A8F
16.7%	16.7% #919393	RGB 145 147 147	#919393
33.3%	33.3% #A09D97	RGB 160 157 151	#A09D97
50.0%	50.0% #AEA79B	RGB 174 167 155	#AEA79B
66.7%	66.7% #BDB09F	RGB 189 176 159	#BDB09F
83.3%	83.3% #CBBAA3	RGB 203 186 163	#CBBAA3
100.0%	100.0% #DAC4A8	RGB 218 196 168	#DAC4A8

#838A8F #919393 #A09D97 #AEA79B #BDB09F #CBBAA3 #DAC4A8

#838A8F - #DAC4A8

HSV Blend

#838A8F - #DAC4A8 | 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 #838A8F as 0% and #DAC4A8 as 100%.

0.0%	0.0% #838A8F	RGB 131 138 143	#838A8F
16.7%	16.7% #8A9B9A	RGB 138 155 154	#8A9B9A
33.3%	33.3% #91A89C	RGB 145 168 156	#91A89C
50.0%	50.0% #98B498	RGB 152 180 152	#98B498
66.7%	66.7% #AFC19E	RGB 175 193 158	#AFC19E
83.3%	83.3% #CBCDA3	RGB 203 205 163	#CBCDA3
100.0%	100.0% #DAC4A8	RGB 218 196 168	#DAC4A8

#838A8F #8A9B9A #91A89C #98B498 #AFC19E #CBCDA3 #DAC4A8

#838A8F - #98B498 - #DAC4A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #838A8F 0%, #98B498 50%, #DAC4A8 100%);
    background: -webkit-linear-gradient(top, #838A8F 0%, #98B498 50%, #DAC4A8 100%);
    background: linear-gradient(to bottom, #838A8F 0%, #98B498 50%, #DAC4A8 100%);
}
</style>