#A0AA4D - #FFDF77 | 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 #A0AA4D to #FFDF77

#A0AA4D #FFDF77

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

#A0AA4D - #FFDF77 | 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 #A0AA4D as 0% and #FFDF77 as 100%.

0.0%	0.0% #A0AA4D	RGB 160 170 77	#A0AA4D
16.7%	16.7% #AFB254	RGB 175 178 84	#AFB254
33.3%	33.3% #BFBB5B	RGB 191 187 91	#BFBB5B
50.0%	50.0% #CFC462	RGB 207 196 98	#CFC462
66.7%	66.7% #DFCD69	RGB 223 205 105	#DFCD69
83.3%	83.3% #EFD670	RGB 239 214 112	#EFD670
100.0%	100.0% #FFDF77	RGB 255 223 119	#FFDF77

#A0AA4D #AFB254 #BFBB5B #CFC462 #DFCD69 #EFD670 #FFDF77

#A0AA4D - #FFDF77

HSV Blend

#A0AA4D - #FFDF77 | 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 #A0AA4D as 0% and #FFDF77 as 100%.

0.0%	0.0% #A0AA4D	RGB 160 170 77	#A0AA4D
16.7%	16.7% #B3B853	RGB 179 184 83	#B3B853
33.3%	33.3% #C6C55A	RGB 198 197 90	#C6C55A
50.0%	50.0% #D4CD61	RGB 212 205 97	#D4CD61
66.7%	66.7% #E2D368	RGB 226 211 104	#E2D368
83.3%	83.3% #F0D96F	RGB 240 217 111	#F0D96F
100.0%	100.0% #FFDF77	RGB 255 223 119	#FFDF77

#A0AA4D #B3B853 #C6C55A #D4CD61 #E2D368 #F0D96F #FFDF77

#A0AA4D - #D4CD61 - #FFDF77

CSS codes

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

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