#7F7E5E - #DEA981 | 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 #7F7E5E to #DEA981

#7F7E5E #DEA981

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

#7F7E5E - #DEA981 | 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 #7F7E5E as 0% and #DEA981 as 100%.

0.0%	0.0% #7F7E5E	RGB 127 126 94	#7F7E5E
16.7%	16.7% #8E8563	RGB 142 133 99	#8E8563
33.3%	33.3% #9E8C69	RGB 158 140 105	#9E8C69
50.0%	50.0% #AE936F	RGB 174 147 111	#AE936F
66.7%	66.7% #BE9A75	RGB 190 154 117	#BE9A75
83.3%	83.3% #CEA17B	RGB 206 161 123	#CEA17B
100.0%	100.0% #DEA981	RGB 222 169 129	#DEA981

#7F7E5E #8E8563 #9E8C69 #AE936F #BE9A75 #CEA17B #DEA981

#7F7E5E - #DEA981

HSV Blend

#7F7E5E - #DEA981 | 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 #7F7E5E as 0% and #DEA981 as 100%.

0.0%	0.0% #7F7E5E	RGB 127 126 94	#7F7E5E
16.7%	16.7% #8E8965	RGB 142 137 101	#8E8965
33.3%	33.3% #9E946D	RGB 158 148 109	#9E946D
50.0%	50.0% #AE9C73	RGB 174 156 115	#AE9C73
66.7%	66.7% #BEA378	RGB 190 163 120	#BEA378
83.3%	83.3% #CEA77D	RGB 206 167 125	#CEA77D
100.0%	100.0% #DEA981	RGB 222 169 129	#DEA981

#7F7E5E #8E8965 #9E946D #AE9C73 #BEA378 #CEA77D #DEA981

#7F7E5E - #AE9C73 - #DEA981

CSS codes

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

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