#6B7B2D - #D4D9C3 | 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 #6B7B2D to #D4D9C3

#6B7B2D #D4D9C3

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

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

0.0%	0.0% #6B7B2D	RGB 107 123 45	#6B7B2D
16.7%	16.7% #7C8A46	RGB 124 138 70	#7C8A46
33.3%	33.3% #8E9A5F	RGB 142 154 95	#8E9A5F
50.0%	50.0% #9FAA78	RGB 159 170 120	#9FAA78
66.7%	66.7% #B1B991	RGB 177 185 145	#B1B991
83.3%	83.3% #C2C9AA	RGB 194 201 170	#C2C9AA
100.0%	100.0% #D4D9C3	RGB 212 217 195	#D4D9C3

#6B7B2D #7C8A46 #8E9A5F #9FAA78 #B1B991 #C2C9AA #D4D9C3

#6B7B2D - #D4D9C3

HSV Blend

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

0.0%	0.0% #6B7B2D	RGB 107 123 45	#6B7B2D
16.7%	16.7% #7A8A3F	RGB 122 138 63	#7A8A3F
33.3%	33.3% #8B9A53	RGB 139 154 83	#8B9A53
50.0%	50.0% #9CAA6B	RGB 156 170 107	#9CAA6B
66.7%	66.7% #AEB985	RGB 174 185 133	#AEB985
83.3%	83.3% #C0C9A3	RGB 192 201 163	#C0C9A3
100.0%	100.0% #D4D9C3	RGB 212 217 195	#D4D9C3

#6B7B2D #7A8A3F #8B9A53 #9CAA6B #AEB985 #C0C9A3 #D4D9C3

#6B7B2D - #9CAA6B - #D4D9C3

CSS codes

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

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