#6D6D6B - #E2B487 | 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 #6D6D6B to #E2B487

#6D6D6B #E2B487

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

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

0.0%	0.0% #6D6D6B	RGB 109 109 107	#6D6D6B
16.7%	16.7% #80786F	RGB 128 120 111	#80786F
33.3%	33.3% #948474	RGB 148 132 116	#948474
50.0%	50.0% #A79079	RGB 167 144 121	#A79079
66.7%	66.7% #BB9C7D	RGB 187 156 125	#BB9C7D
83.3%	83.3% #CEA882	RGB 206 168 130	#CEA882
100.0%	100.0% #E2B487	RGB 226 180 135	#E2B487

#6D6D6B #80786F #948474 #A79079 #BB9C7D #CEA882 #E2B487

#6D6D6B - #E2B487

HSV Blend

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

0.0%	0.0% #6D6D6B	RGB 109 109 107	#6D6D6B
16.7%	16.7% #807F75	RGB 128 127 117	#807F75
33.3%	33.3% #94907E	RGB 148 144 126	#94907E
50.0%	50.0% #A79E84	RGB 167 158 132	#A79E84
66.7%	66.7% #BBA987	RGB 187 169 135	#BBA987
83.3%	83.3% #CEB188	RGB 206 177 136	#CEB188
100.0%	100.0% #E2B487	RGB 226 180 135	#E2B487

#6D6D6B #807F75 #94907E #A79E84 #BBA987 #CEB188 #E2B487

#6D6D6B - #A79E84 - #E2B487

CSS codes

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

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