#A1A19E - #756747 | 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 #A1A19E to #756747

#A1A19E #756747

Calculate the color between two colors, #A1A19E and #756747. 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)

#A1A19E - #756747 | 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 #A1A19E as 0% and #756747 as 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #99978F	RGB 153 151 143	#99978F
33.3%	33.3% #928D81	RGB 146 141 129	#928D81
50.0%	50.0% #8B8472	RGB 139 132 114	#8B8472
66.7%	66.7% #837A64	RGB 131 122 100	#837A64
83.3%	83.3% #7C7055	RGB 124 112 85	#7C7055
100.0%	100.0% #756747	RGB 117 103 71	#756747

#A1A19E #99978F #928D81 #8B8472 #837A64 #7C7055 #756747

#A1A19E - #756747

HSV Blend

#A1A19E - #756747 | 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 #A1A19E as 0% and #756747 as 100%.

0.0%	0.0% #A1A19E	RGB 161 161 158	#A1A19E
16.7%	16.7% #99998D	RGB 153 153 141	#99998D
33.3%	33.3% #92907D	RGB 146 144 125	#92907D
50.0%	50.0% #8B866E	RGB 139 134 110	#8B866E
66.7%	66.7% #837C60	RGB 131 124 96	#837C60
83.3%	83.3% #7C7153	RGB 124 113 83	#7C7153
100.0%	100.0% #756747	RGB 117 103 71	#756747

#A1A19E #99998D #92907D #8B866E #837C60 #7C7153 #756747

#A1A19E - #8B866E - #756747

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A19E 0%, #8B866E 50%, #756747 100%);
    background: -webkit-linear-gradient(top, #A1A19E 0%, #8B866E 50%, #756747 100%);
    background: linear-gradient(to bottom, #A1A19E 0%, #8B866E 50%, #756747 100%);
}
</style>