#A8AD3F - #FFE16C | 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 #A8AD3F to #FFE16C

#A8AD3F #FFE16C

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

#A8AD3F - #FFE16C | 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 #A8AD3F as 0% and #FFE16C as 100%.

0.0%	0.0% #A8AD3F	RGB 168 173 63	#A8AD3F
16.7%	16.7% #B6B546	RGB 182 181 70	#B6B546
33.3%	33.3% #C5BE4E	RGB 197 190 78	#C5BE4E
50.0%	50.0% #D3C755	RGB 211 199 85	#D3C755
66.7%	66.7% #E2CF5D	RGB 226 207 93	#E2CF5D
83.3%	83.3% #F0D864	RGB 240 216 100	#F0D864
100.0%	100.0% #FFE16C	RGB 255 225 108	#FFE16C

#A8AD3F #B6B546 #C5BE4E #D3C755 #E2CF5D #F0D864 #FFE16C

#A8AD3F - #FFE16C

HSV Blend

#A8AD3F - #FFE16C | 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 #A8AD3F as 0% and #FFE16C as 100%.

0.0%	0.0% #A8AD3F	RGB 168 173 63	#A8AD3F
16.7%	16.7% #BABA45	RGB 186 186 69	#BABA45
33.3%	33.3% #C8C34C	RGB 200 195 76	#C8C34C
50.0%	50.0% #D6CB54	RGB 214 203 84	#D6CB54
66.7%	66.7% #E3D35B	RGB 227 211 91	#E3D35B
83.3%	83.3% #F1DA63	RGB 241 218 99	#F1DA63
100.0%	100.0% #FFE16C	RGB 255 225 108	#FFE16C

#A8AD3F #BABA45 #C8C34C #D6CB54 #E3D35B #F1DA63 #FFE16C

#A8AD3F - #D6CB54 - #FFE16C

CSS codes

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

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