#6B7C5E - #D3A67C | 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 #6B7C5E to #D3A67C

#6B7C5E #D3A67C

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

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

0.0%	0.0% #6B7C5E	RGB 107 124 94	#6B7C5E
16.7%	16.7% #7C8363	RGB 124 131 99	#7C8363
33.3%	33.3% #8D8A68	RGB 141 138 104	#8D8A68
50.0%	50.0% #9F916D	RGB 159 145 109	#9F916D
66.7%	66.7% #B09872	RGB 176 152 114	#B09872
83.3%	83.3% #C19F77	RGB 193 159 119	#C19F77
100.0%	100.0% #D3A67C	RGB 211 166 124	#D3A67C

#6B7C5E #7C8363 #8D8A68 #9F916D #B09872 #C19F77 #D3A67C

#6B7C5E - #D3A67C

HSV Blend

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

0.0%	0.0% #6B7C5E	RGB 107 124 94	#6B7C5E
16.7%	16.7% #7C8A65	RGB 124 138 101	#7C8A65
33.3%	33.3% #8F996B	RGB 143 153 107	#8F996B
50.0%	50.0% #A6A770	RGB 166 167 112	#A6A770
66.7%	66.7% #B6AB75	RGB 182 171 117	#B6AB75
83.3%	83.3% #C4AB79	RGB 196 171 121	#C4AB79
100.0%	100.0% #D3A67C	RGB 211 166 124	#D3A67C

#6B7C5E #7C8A65 #8F996B #A6A770 #B6AB75 #C4AB79 #D3A67C

#6B7C5E - #A6A770 - #D3A67C

CSS codes

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

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