#6F7E2B - #D5DAC2 | 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 #6F7E2B to #D5DAC2

#6F7E2B #D5DAC2

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

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

0.0%	0.0% #6F7E2B	RGB 111 126 43	#6F7E2B
16.7%	16.7% #808D44	RGB 128 141 68	#808D44
33.3%	33.3% #919C5D	RGB 145 156 93	#919C5D
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% #D5DAC2	RGB 213 218 194	#D5DAC2

#6F7E2B #808D44 #919C5D #A2AC76 #B3BB8F #C4CAA8 #D5DAC2

#6F7E2B - #D5DAC2

HSV Blend

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

0.0%	0.0% #6F7E2B	RGB 111 126 43	#6F7E2B
16.7%	16.7% #7E8D3D	RGB 126 141 61	#7E8D3D
33.3%	33.3% #8E9C52	RGB 142 156 82	#8E9C52
50.0%	50.0% #9FAC69	RGB 159 172 105	#9FAC69
66.7%	66.7% #B0BB84	RGB 176 187 132	#B0BB84
83.3%	83.3% #C2CAA1	RGB 194 202 161	#C2CAA1
100.0%	100.0% #D5DAC2	RGB 213 218 194	#D5DAC2

#6F7E2B #7E8D3D #8E9C52 #9FAC69 #B0BB84 #C2CAA1 #D5DAC2

#6F7E2B - #9FAC69 - #D5DAC2

CSS codes

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

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