#A1A69B - #5E583E | 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 #A1A69B to #5E583E

#A1A69B #5E583E

Calculate the color between two colors, #A1A69B and #5E583E. 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)

#A1A69B - #5E583E | 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 #A1A69B as 0% and #5E583E as 100%.

0.0%	0.0% #A1A69B	RGB 161 166 155	#A1A69B
16.7%	16.7% #95998B	RGB 149 153 139	#95998B
33.3%	33.3% #8A8C7C	RGB 138 140 124	#8A8C7C
50.0%	50.0% #7F7F6C	RGB 127 127 108	#7F7F6C
66.7%	66.7% #74725D	RGB 116 114 93	#74725D
83.3%	83.3% #69654D	RGB 105 101 77	#69654D
100.0%	100.0% #5E583E	RGB 94 88 62	#5E583E

#A1A69B #95998B #8A8C7C #7F7F6C #74725D #69654D #5E583E

#A1A69B - #5E583E

HSV Blend

#A1A69B - #5E583E | 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 #A1A69B as 0% and #5E583E as 100%.

0.0%	0.0% #A1A69B	RGB 161 166 155	#A1A69B
16.7%	16.7% #949A88	RGB 148 154 136	#949A88
33.3%	33.3% #888E77	RGB 136 142 119	#888E77
50.0%	50.0% #7E8267	RGB 126 130 103	#7E8267
66.7%	66.7% #757658	RGB 117 118 88	#757658
83.3%	83.3% #6A674A	RGB 106 103 74	#6A674A
100.0%	100.0% #5E583E	RGB 94 88 62	#5E583E

#A1A69B #949A88 #888E77 #7E8267 #757658 #6A674A #5E583E

#A1A69B - #7E8267 - #5E583E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A69B 0%, #7E8267 50%, #5E583E 100%);
    background: -webkit-linear-gradient(top, #A1A69B 0%, #7E8267 50%, #5E583E 100%);
    background: linear-gradient(to bottom, #A1A69B 0%, #7E8267 50%, #5E583E 100%);
}
</style>