#6B6632 - #D4D3C4 | 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 #6B6632 to #D4D3C4

#6B6632 #D4D3C4

Calculate the color between two colors, #6B6632 and #D4D3C4. 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)

#6B6632 - #D4D3C4 | 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 #6B6632 as 0% and #D4D3C4 as 100%.

0.0%	0.0% #6B6632	RGB 107 102 50	#6B6632
16.7%	16.7% #7C784A	RGB 124 120 74	#7C784A
33.3%	33.3% #8E8A62	RGB 142 138 98	#8E8A62
50.0%	50.0% #9F9C7B	RGB 159 156 123	#9F9C7B
66.7%	66.7% #B1AE93	RGB 177 174 147	#B1AE93
83.3%	83.3% #C2C0AB	RGB 194 192 171	#C2C0AB
100.0%	100.0% #D4D3C4	RGB 212 211 196	#D4D3C4

#6B6632 #7C784A #8E8A62 #9F9C7B #B1AE93 #C2C0AB #D4D3C4

#6B6632 - #D4D3C4

HSV Blend

#6B6632 - #D4D3C4 | 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 #6B6632 as 0% and #D4D3C4 as 100%.

0.0%	0.0% #6B6632	RGB 107 102 50	#6B6632
16.7%	16.7% #7C7743	RGB 124 119 67	#7C7743
33.3%	33.3% #8E8957	RGB 142 137 87	#8E8957
50.0%	50.0% #9F9B6E	RGB 159 155 110	#9F9B6E
66.7%	66.7% #B1AE88	RGB 177 174 136	#B1AE88
83.3%	83.3% #C2C0A4	RGB 194 192 164	#C2C0A4
100.0%	100.0% #D4D3C4	RGB 212 211 196	#D4D3C4

#6B6632 #7C7743 #8E8957 #9F9B6E #B1AE88 #C2C0A4 #D4D3C4

#6B6632 - #9F9B6E - #D4D3C4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6632 0%, #9F9B6E 50%, #D4D3C4 100%);
    background: -webkit-linear-gradient(top, #6B6632 0%, #9F9B6E 50%, #D4D3C4 100%);
    background: linear-gradient(to bottom, #6B6632 0%, #9F9B6E 50%, #D4D3C4 100%);
}
</style>