#AAAB3F - #FFE06C | 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 #AAAB3F to #FFE06C

#AAAB3F #FFE06C

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

#AAAB3F - #FFE06C | 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 #AAAB3F as 0% and #FFE06C as 100%.

0.0%	0.0% #AAAB3F	RGB 170 171 63	#AAAB3F
16.7%	16.7% #B8B346	RGB 184 179 70	#B8B346
33.3%	33.3% #C6BC4E	RGB 198 188 78	#C6BC4E
50.0%	50.0% #D4C555	RGB 212 197 85	#D4C555
66.7%	66.7% #E2CE5D	RGB 226 206 93	#E2CE5D
83.3%	83.3% #F0D764	RGB 240 215 100	#F0D764
100.0%	100.0% #FFE06C	RGB 255 224 108	#FFE06C

#AAAB3F #B8B346 #C6BC4E #D4C555 #E2CE5D #F0D764 #FFE06C

#AAAB3F - #FFE06C

HSV Blend

#AAAB3F - #FFE06C | 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 #AAAB3F as 0% and #FFE06C as 100%.

0.0%	0.0% #AAAB3F	RGB 170 171 63	#AAAB3F
16.7%	16.7% #B9B545	RGB 185 181 69	#B9B545
33.3%	33.3% #C7BF4C	RGB 199 191 76	#C7BF4C
50.0%	50.0% #D5C854	RGB 213 200 84	#D5C854
66.7%	66.7% #E3D05B	RGB 227 208 91	#E3D05B
83.3%	83.3% #F1D863	RGB 241 216 99	#F1D863
100.0%	100.0% #FFE06C	RGB 255 224 108	#FFE06C

#AAAB3F #B9B545 #C7BF4C #D5C854 #E3D05B #F1D863 #FFE06C

#AAAB3F - #D5C854 - #FFE06C

CSS codes

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

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