#6B7B7B - #ADB887 | 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 #6B7B7B to #ADB887

#6B7B7B #ADB887

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

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

0.0%	0.0% #6B7B7B	RGB 107 123 123	#6B7B7B
16.7%	16.7% #76857D	RGB 118 133 125	#76857D
33.3%	33.3% #818F7F	RGB 129 143 127	#818F7F
50.0%	50.0% #8C9981	RGB 140 153 129	#8C9981
66.7%	66.7% #97A383	RGB 151 163 131	#97A383
83.3%	83.3% #A2AD85	RGB 162 173 133	#A2AD85
100.0%	100.0% #ADB887	RGB 173 184 135	#ADB887

#6B7B7B #76857D #818F7F #8C9981 #97A383 #A2AD85 #ADB887

#6B7B7B - #ADB887

HSV Blend

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

0.0%	0.0% #6B7B7B	RGB 107 123 123	#6B7B7B
16.7%	16.7% #70857F	RGB 112 133 127	#70857F
33.3%	33.3% #768F80	RGB 118 143 128	#768F80
50.0%	50.0% #7B997E	RGB 123 153 126	#7B997E
66.7%	66.7% #86A37F	RGB 134 163 127	#86A37F
83.3%	83.3% #97AD83	RGB 151 173 131	#97AD83
100.0%	100.0% #ADB887	RGB 173 184 135	#ADB887

#6B7B7B #70857F #768F80 #7B997E #86A37F #97AD83 #ADB887

#6B7B7B - #7B997E - #ADB887

CSS codes

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

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