#6E7E2B - #D6DAC2 | 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 #6E7E2B to #D6DAC2

#6E7E2B #D6DAC2

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

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

0.0%	0.0% #6E7E2B	RGB 110 126 43	#6E7E2B
16.7%	16.7% #7F8D44	RGB 127 141 68	#7F8D44
33.3%	33.3% #909C5D	RGB 144 156 93	#909C5D
50.0%	50.0% #A2AC76	RGB 162 172 118	#A2AC76
66.7%	66.7% #B3BB8F	RGB 179 187 143	#B3BB8F
83.3%	83.3% #C4CAA8	RGB 196 202 168	#C4CAA8
100.0%	100.0% #D6DAC2	RGB 214 218 194	#D6DAC2

#6E7E2B #7F8D44 #909C5D #A2AC76 #B3BB8F #C4CAA8 #D6DAC2

#6E7E2B - #D6DAC2

HSV Blend

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

0.0%	0.0% #6E7E2B	RGB 110 126 43	#6E7E2B
16.7%	16.7% #7E8D3D	RGB 126 141 61	#7E8D3D
33.3%	33.3% #8E9C52	RGB 142 156 82	#8E9C52
50.0%	50.0% #A0AC69	RGB 160 172 105	#A0AC69
66.7%	66.7% #B1BB84	RGB 177 187 132	#B1BB84
83.3%	83.3% #C3CAA1	RGB 195 202 161	#C3CAA1
100.0%	100.0% #D6DAC2	RGB 214 218 194	#D6DAC2

#6E7E2B #7E8D3D #8E9C52 #A0AC69 #B1BB84 #C3CAA1 #D6DAC2

#6E7E2B - #A0AC69 - #D6DAC2

CSS codes

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

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