#A8AA35 - #FFDF63 | 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 #A8AA35 to #FFDF63

#A8AA35 #FFDF63

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

#A8AA35 - #FFDF63 | 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 #A8AA35 as 0% and #FFDF63 as 100%.

0.0%	0.0% #A8AA35	RGB 168 170 53	#A8AA35
16.7%	16.7% #B6B23C	RGB 182 178 60	#B6B23C
33.3%	33.3% #C5BB44	RGB 197 187 68	#C5BB44
50.0%	50.0% #D3C44C	RGB 211 196 76	#D3C44C
66.7%	66.7% #E2CD53	RGB 226 205 83	#E2CD53
83.3%	83.3% #F0D65B	RGB 240 214 91	#F0D65B
100.0%	100.0% #FFDF63	RGB 255 223 99	#FFDF63

#A8AA35 #B6B23C #C5BB44 #D3C44C #E2CD53 #F0D65B #FFDF63

#A8AA35 - #FFDF63

HSV Blend

#A8AA35 - #FFDF63 | 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 #A8AA35 as 0% and #FFDF63 as 100%.

0.0%	0.0% #A8AA35	RGB 168 170 53	#A8AA35
16.7%	16.7% #B8B53B	RGB 184 181 59	#B8B53B
33.3%	33.3% #C6BE42	RGB 198 190 66	#C6BE42
50.0%	50.0% #D4C74A	RGB 212 199 74	#D4C74A
66.7%	66.7% #E2CF52	RGB 226 207 82	#E2CF52
83.3%	83.3% #F0D75A	RGB 240 215 90	#F0D75A
100.0%	100.0% #FFDF63	RGB 255 223 99	#FFDF63

#A8AA35 #B8B53B #C6BE42 #D4C74A #E2CF52 #F0D75A #FFDF63

#A8AA35 - #D4C74A - #FFDF63

CSS codes

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

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