#6D6C5E - #E5B97B | 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 #6D6C5E to #E5B97B

#6D6C5E #E5B97B

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

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

0.0%	0.0% #6D6C5E	RGB 109 108 94	#6D6C5E
16.7%	16.7% #817862	RGB 129 120 98	#817862
33.3%	33.3% #958567	RGB 149 133 103	#958567
50.0%	50.0% #A9926C	RGB 169 146 108	#A9926C
66.7%	66.7% #BD9F71	RGB 189 159 113	#BD9F71
83.3%	83.3% #D1AC76	RGB 209 172 118	#D1AC76
100.0%	100.0% #E5B97B	RGB 229 185 123	#E5B97B

#6D6C5E #817862 #958567 #A9926C #BD9F71 #D1AC76 #E5B97B

#6D6C5E - #E5B97B

HSV Blend

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

0.0%	0.0% #6D6C5E	RGB 109 108 94	#6D6C5E
16.7%	16.7% #817D68	RGB 129 125 104	#817D68
33.3%	33.3% #958E70	RGB 149 142 112	#958E70
50.0%	50.0% #A99C76	RGB 169 156 118	#A99C76
66.7%	66.7% #BDA87A	RGB 189 168 122	#BDA87A
83.3%	83.3% #D1B27B	RGB 209 178 123	#D1B27B
100.0%	100.0% #E5B97B	RGB 229 185 123	#E5B97B

#6D6C5E #817D68 #958E70 #A99C76 #BDA87A #D1B27B #E5B97B

#6D6C5E - #A99C76 - #E5B97B

CSS codes

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

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