#7B6B2D - #D9D4C3 | 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 #7B6B2D to #D9D4C3

#7B6B2D #D9D4C3

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

#7B6B2D - #D9D4C3 | 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 #7B6B2D as 0% and #D9D4C3 as 100%.

0.0%	0.0% #7B6B2D	RGB 123 107 45	#7B6B2D
16.7%	16.7% #8A7C46	RGB 138 124 70	#8A7C46
33.3%	33.3% #9A8E5F	RGB 154 142 95	#9A8E5F
50.0%	50.0% #AA9F78	RGB 170 159 120	#AA9F78
66.7%	66.7% #B9B191	RGB 185 177 145	#B9B191
83.3%	83.3% #C9C2AA	RGB 201 194 170	#C9C2AA
100.0%	100.0% #D9D4C3	RGB 217 212 195	#D9D4C3

#7B6B2D #8A7C46 #9A8E5F #AA9F78 #B9B191 #C9C2AA #D9D4C3

#7B6B2D - #D9D4C3

HSV Blend

#7B6B2D - #D9D4C3 | 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 #7B6B2D as 0% and #D9D4C3 as 100%.

0.0%	0.0% #7B6B2D	RGB 123 107 45	#7B6B2D
16.7%	16.7% #8A7A3F	RGB 138 122 63	#8A7A3F
33.3%	33.3% #9A8B53	RGB 154 139 83	#9A8B53
50.0%	50.0% #AA9C6B	RGB 170 156 107	#AA9C6B
66.7%	66.7% #B9AE85	RGB 185 174 133	#B9AE85
83.3%	83.3% #C9C0A3	RGB 201 192 163	#C9C0A3
100.0%	100.0% #D9D4C3	RGB 217 212 195	#D9D4C3

#7B6B2D #8A7A3F #9A8B53 #AA9C6B #B9AE85 #C9C0A3 #D9D4C3

#7B6B2D - #AA9C6B - #D9D4C3

CSS codes

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

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