#A8A867 - #FFDA82 | 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 #A8A867 to #FFDA82

#A8A867 #FFDA82

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

#A8A867 - #FFDA82 | 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 #A8A867 as 0% and #FFDA82 as 100%.

0.0%	0.0% #A8A867	RGB 168 168 103	#A8A867
16.7%	16.7% #B6B06B	RGB 182 176 107	#B6B06B
33.3%	33.3% #C5B870	RGB 197 184 112	#C5B870
50.0%	50.0% #D3C174	RGB 211 193 116	#D3C174
66.7%	66.7% #E2C979	RGB 226 201 121	#E2C979
83.3%	83.3% #F0D17D	RGB 240 209 125	#F0D17D
100.0%	100.0% #FFDA82	RGB 255 218 130	#FFDA82

#A8A867 #B6B06B #C5B870 #D3C174 #E2C979 #F0D17D #FFDA82

#A8A867 - #FFDA82

HSV Blend

#A8A867 - #FFDA82 | 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 #A8A867 as 0% and #FFDA82 as 100%.

0.0%	0.0% #A8A867	RGB 168 168 103	#A8A867
16.7%	16.7% #B6B26C	RGB 182 178 108	#B6B26C
33.3%	33.3% #C5BC71	RGB 197 188 113	#C5BC71
50.0%	50.0% #D3C576	RGB 211 197 118	#D3C576
66.7%	66.7% #E2CD7A	RGB 226 205 122	#E2CD7A
83.3%	83.3% #F0D47E	RGB 240 212 126	#F0D47E
100.0%	100.0% #FFDA82	RGB 255 218 130	#FFDA82

#A8A867 #B6B26C #C5BC71 #D3C576 #E2CD7A #F0D47E #FFDA82

#A8A867 - #D3C576 - #FFDA82

CSS codes

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

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