#7E6D00 - #DC978A | 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 #7E6D00 to #DC978A

#7E6D00 #DC978A

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

#7E6D00 - #DC978A | 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 #7E6D00 as 0% and #DC978A as 100%.

0.0%	0.0% #7E6D00	RGB 126 109 0	#7E6D00
16.7%	16.7% #8D7417	RGB 141 116 23	#8D7417
33.3%	33.3% #9D7B2E	RGB 157 123 46	#9D7B2E
50.0%	50.0% #AD8245	RGB 173 130 69	#AD8245
66.7%	66.7% #BC895C	RGB 188 137 92	#BC895C
83.3%	83.3% #CC9073	RGB 204 144 115	#CC9073
100.0%	100.0% #DC978A	RGB 220 151 138	#DC978A

#7E6D00 #8D7417 #9D7B2E #AD8245 #BC895C #CC9073 #DC978A

#7E6D00 - #DC978A

HSV Blend

#7E6D00 - #DC978A | 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 #7E6D00 as 0% and #DC978A as 100%.

0.0%	0.0% #7E6D00	RGB 126 109 0	#7E6D00
16.7%	16.7% #8D6D0E	RGB 141 109 14	#8D6D0E
33.3%	33.3% #9D6F20	RGB 157 111 32	#9D6F20
50.0%	50.0% #AD7336	RGB 173 115 54	#AD7336
66.7%	66.7% #BC7A4E	RGB 188 122 78	#BC7A4E
83.3%	83.3% #CC856A	RGB 204 133 106	#CC856A
100.0%	100.0% #DC978A	RGB 220 151 138	#DC978A

#7E6D00 #8D6D0E #9D6F20 #AD7336 #BC7A4E #CC856A #DC978A

#7E6D00 - #AD7336 - #DC978A

CSS codes

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

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