#A2AA3C - #FFE069 | 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 #A2AA3C to #FFE069

#A2AA3C #FFE069

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

#A2AA3C - #FFE069 | 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 #A2AA3C as 0% and #FFE069 as 100%.

0.0%	0.0% #A2AA3C	RGB 162 170 60	#A2AA3C
16.7%	16.7% #B1B343	RGB 177 179 67	#B1B343
33.3%	33.3% #C1BC4B	RGB 193 188 75	#C1BC4B
50.0%	50.0% #D0C552	RGB 208 197 82	#D0C552
66.7%	66.7% #E0CE5A	RGB 224 206 90	#E0CE5A
83.3%	83.3% #EFD761	RGB 239 215 97	#EFD761
100.0%	100.0% #FFE069	RGB 255 224 105	#FFE069

#A2AA3C #B1B343 #C1BC4B #D0C552 #E0CE5A #EFD761 #FFE069

#A2AA3C - #FFE069

HSV Blend

#A2AA3C - #FFE069 | 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 #A2AA3C as 0% and #FFE069 as 100%.

0.0%	0.0% #A2AA3C	RGB 162 170 60	#A2AA3C
16.7%	16.7% #B5B842	RGB 181 184 66	#B5B842
33.3%	33.3% #C6C349	RGB 198 195 73	#C6C349
50.0%	50.0% #D4CB51	RGB 212 203 81	#D4CB51
66.7%	66.7% #E2D358	RGB 226 211 88	#E2D358
83.3%	83.3% #F0D960	RGB 240 217 96	#F0D960
100.0%	100.0% #FFE069	RGB 255 224 105	#FFE069

#A2AA3C #B5B842 #C6C349 #D4CB51 #E2D358 #F0D960 #FFE069

#A2AA3C - #D4CB51 - #FFE069

CSS codes

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

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