#A6AC95 - #FFF7A8 | 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 #A6AC95 to #FFF7A8

#A6AC95 #FFF7A8

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

#A6AC95 - #FFF7A8 | 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 #A6AC95 as 0% and #FFF7A8 as 100%.

0.0%	0.0% #A6AC95	RGB 166 172 149	#A6AC95
16.7%	16.7% #B4B898	RGB 180 184 152	#B4B898
33.3%	33.3% #C3C59B	RGB 195 197 155	#C3C59B
50.0%	50.0% #D2D19E	RGB 210 209 158	#D2D19E
66.7%	66.7% #E1DEA1	RGB 225 222 161	#E1DEA1
83.3%	83.3% #F0EAA4	RGB 240 234 164	#F0EAA4
100.0%	100.0% #FFF7A8	RGB 255 247 168	#FFF7A8

#A6AC95 #B4B898 #C3C59B #D2D19E #E1DEA1 #F0EAA4 #FFF7A8

#A6AC95 - #FFF7A8

HSV Blend

#A6AC95 - #FFF7A8 | 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 #A6AC95 as 0% and #FFF7A8 as 100%.

0.0%	0.0% #A6AC95	RGB 166 172 149	#A6AC95
16.7%	16.7% #B3B99A	RGB 179 185 154	#B3B99A
33.3%	33.3% #C1C79F	RGB 193 199 159	#C1C79F
50.0%	50.0% #D1D5A2	RGB 209 213 162	#D1D5A2
66.7%	66.7% #E1E3A5	RGB 225 227 165	#E1E3A5
83.3%	83.3% #F1EEA7	RGB 241 238 167	#F1EEA7
100.0%	100.0% #FFF7A8	RGB 255 247 168	#FFF7A8

#A6AC95 #B3B99A #C1C79F #D1D5A2 #E1E3A5 #F1EEA7 #FFF7A8

#A6AC95 - #D1D5A2 - #FFF7A8

CSS codes

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

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