#A0AF7E - #F7E19C | 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 #A0AF7E to #F7E19C

#A0AF7E #F7E19C

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

#A0AF7E - #F7E19C | 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 #A0AF7E as 0% and #F7E19C as 100%.

0.0%	0.0% #A0AF7E	RGB 160 175 126	#A0AF7E
16.7%	16.7% #AEB783	RGB 174 183 131	#AEB783
33.3%	33.3% #BDBF88	RGB 189 191 136	#BDBF88
50.0%	50.0% #CBC88D	RGB 203 200 141	#CBC88D
66.7%	66.7% #DAD092	RGB 218 208 146	#DAD092
83.3%	83.3% #E8D897	RGB 232 216 151	#E8D897
100.0%	100.0% #F7E19C	RGB 247 225 156	#F7E19C

#A0AF7E #AEB783 #BDBF88 #CBC88D #DAD092 #E8D897 #F7E19C

#A0AF7E - #F7E19C

HSV Blend

#A0AF7E - #F7E19C | 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 #A0AF7E as 0% and #F7E19C as 100%.

0.0%	0.0% #A0AF7E	RGB 160 175 126	#A0AF7E
16.7%	16.7% #AFBB83	RGB 175 187 131	#AFBB83
33.3%	33.3% #BFC789	RGB 191 199 137	#BFC789
50.0%	50.0% #D0D38E	RGB 208 211 142	#D0D38E
66.7%	66.7% #DFDA93	RGB 223 218 147	#DFDA93
83.3%	83.3% #EBDE97	RGB 235 222 151	#EBDE97
100.0%	100.0% #F7E19C	RGB 247 225 156	#F7E19C

#A0AF7E #AFBB83 #BFC789 #D0D38E #DFDA93 #EBDE97 #F7E19C

#A0AF7E - #D0D38E - #F7E19C

CSS codes

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

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