#6B865E - #D4DCD1 | 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 #6B865E to #D4DCD1

#6B865E #D4DCD1

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

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

0.0%	0.0% #6B865E	RGB 107 134 94	#6B865E
16.7%	16.7% #7C9471	RGB 124 148 113	#7C9471
33.3%	33.3% #8EA284	RGB 142 162 132	#8EA284
50.0%	50.0% #9FB197	RGB 159 177 151	#9FB197
66.7%	66.7% #B1BFAA	RGB 177 191 170	#B1BFAA
83.3%	83.3% #C2CDBD	RGB 194 205 189	#C2CDBD
100.0%	100.0% #D4DCD1	RGB 212 220 209	#D4DCD1

#6B865E #7C9471 #8EA284 #9FB197 #B1BFAA #C2CDBD #D4DCD1

#6B865E - #D4DCD1

HSV Blend

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

0.0%	0.0% #6B865E	RGB 107 134 94	#6B865E
16.7%	16.7% #7A946E	RGB 122 148 110	#7A946E
33.3%	33.3% #8AA27F	RGB 138 162 127	#8AA27F
50.0%	50.0% #9BB192	RGB 155 177 146	#9BB192
66.7%	66.7% #ADBFA5	RGB 173 191 165	#ADBFA5
83.3%	83.3% #C0CDBA	RGB 192 205 186	#C0CDBA
100.0%	100.0% #D4DCD1	RGB 212 220 209	#D4DCD1

#6B865E #7A946E #8AA27F #9BB192 #ADBFA5 #C0CDBA #D4DCD1

#6B865E - #9BB192 - #D4DCD1

CSS codes

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

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