#7E7E2E - #DADAC3 | 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 #7E7E2E to #DADAC3

#7E7E2E #DADAC3

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

#7E7E2E - #DADAC3 | 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 #7E7E2E as 0% and #DADAC3 as 100%.

0.0%	0.0% #7E7E2E	RGB 126 126 46	#7E7E2E
16.7%	16.7% #8D8D46	RGB 141 141 70	#8D8D46
33.3%	33.3% #9C9C5F	RGB 156 156 95	#9C9C5F
50.0%	50.0% #ACAC78	RGB 172 172 120	#ACAC78
66.7%	66.7% #BBBB91	RGB 187 187 145	#BBBB91
83.3%	83.3% #CACAAA	RGB 202 202 170	#CACAAA
100.0%	100.0% #DADAC3	RGB 218 218 195	#DADAC3

#7E7E2E #8D8D46 #9C9C5F #ACAC78 #BBBB91 #CACAAA #DADAC3

#7E7E2E - #DADAC3

HSV Blend

#7E7E2E - #DADAC3 | 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 #7E7E2E as 0% and #DADAC3 as 100%.

0.0%	0.0% #7E7E2E	RGB 126 126 46	#7E7E2E
16.7%	16.7% #8D8D40	RGB 141 141 64	#8D8D40
33.3%	33.3% #9C9C54	RGB 156 156 84	#9C9C54
50.0%	50.0% #ACAC6C	RGB 172 172 108	#ACAC6C
66.7%	66.7% #BBBB86	RGB 187 187 134	#BBBB86
83.3%	83.3% #CACAA3	RGB 202 202 163	#CACAA3
100.0%	100.0% #DADAC3	RGB 218 218 195	#DADAC3

#7E7E2E #8D8D40 #9C9C54 #ACAC6C #BBBB86 #CACAA3 #DADAC3

#7E7E2E - #ACAC6C - #DADAC3

CSS codes

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

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