#7E7B6C - #DCAC8F | 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 #7E7B6C to #DCAC8F

#7E7B6C #DCAC8F

Calculate the color between two colors, #7E7B6C and #DCAC8F. 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)

#7E7B6C - #DCAC8F | 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 #7E7B6C as 0% and #DCAC8F as 100%.

0.0%	0.0% #7E7B6C	RGB 126 123 108	#7E7B6C
16.7%	16.7% #8D8371	RGB 141 131 113	#8D8371
33.3%	33.3% #9D8B77	RGB 157 139 119	#9D8B77
50.0%	50.0% #AD937D	RGB 173 147 125	#AD937D
66.7%	66.7% #BC9B83	RGB 188 155 131	#BC9B83
83.3%	83.3% #CCA389	RGB 204 163 137	#CCA389
100.0%	100.0% #DCAC8F	RGB 220 172 143	#DCAC8F

#7E7B6C #8D8371 #9D8B77 #AD937D #BC9B83 #CCA389 #DCAC8F

#7E7B6C - #DCAC8F

HSV Blend

#7E7B6C - #DCAC8F | 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 #7E7B6C as 0% and #DCAC8F as 100%.

0.0%	0.0% #7E7B6C	RGB 126 123 108	#7E7B6C
16.7%	16.7% #8D8774	RGB 141 135 116	#8D8774
33.3%	33.3% #9D927B	RGB 157 146 123	#9D927B
50.0%	50.0% #AD9C82	RGB 173 156 130	#AD9C82
66.7%	66.7% #BCA387	RGB 188 163 135	#BCA387
83.3%	83.3% #CCA98B	RGB 204 169 139	#CCA98B
100.0%	100.0% #DCAC8F	RGB 220 172 143	#DCAC8F

#7E7B6C #8D8774 #9D927B #AD9C82 #BCA387 #CCA98B #DCAC8F

#7E7B6C - #AD9C82 - #DCAC8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7B6C 0%, #AD9C82 50%, #DCAC8F 100%);
    background: -webkit-linear-gradient(top, #7E7B6C 0%, #AD9C82 50%, #DCAC8F 100%);
    background: linear-gradient(to bottom, #7E7B6C 0%, #AD9C82 50%, #DCAC8F 100%);
}
</style>