#A8AF7C - #F7E29D | 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 #A8AF7C to #F7E29D

#A8AF7C #F7E29D

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

#A8AF7C - #F7E29D | 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 #A8AF7C as 0% and #F7E29D as 100%.

0.0%	0.0% #A8AF7C	RGB 168 175 124	#A8AF7C
16.7%	16.7% #B5B781	RGB 181 183 129	#B5B781
33.3%	33.3% #C2C087	RGB 194 192 135	#C2C087
50.0%	50.0% #CFC88C	RGB 207 200 140	#CFC88C
66.7%	66.7% #DCD192	RGB 220 209 146	#DCD192
83.3%	83.3% #E9D997	RGB 233 217 151	#E9D997
100.0%	100.0% #F7E29D	RGB 247 226 157	#F7E29D

#A8AF7C #B5B781 #C2C087 #CFC88C #DCD192 #E9D997 #F7E29D

#A8AF7C - #F7E29D

HSV Blend

#A8AF7C - #F7E29D | 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 #A8AF7C as 0% and #F7E29D as 100%.

0.0%	0.0% #A8AF7C	RGB 168 175 124	#A8AF7C
16.7%	16.7% #B6BB82	RGB 182 187 130	#B6BB82
33.3%	33.3% #C6C788	RGB 198 199 136	#C6C788
50.0%	50.0% #D3CF8D	RGB 211 207 141	#D3CF8D
66.7%	66.7% #DFD693	RGB 223 214 147	#DFD693
83.3%	83.3% #EBDC98	RGB 235 220 152	#EBDC98
100.0%	100.0% #F7E29D	RGB 247 226 157	#F7E29D

#A8AF7C #B6BB82 #C6C788 #D3CF8D #DFD693 #EBDC98 #F7E29D

#A8AF7C - #D3CF8D - #F7E29D

CSS codes

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

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