#A8AF12 - #E6E8BB | 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 #A8AF12 to #E6E8BB

#A8AF12 #E6E8BB

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

#A8AF12 - #E6E8BB | 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 #A8AF12 as 0% and #E6E8BB as 100%.

0.0%	0.0% #A8AF12	RGB 168 175 18	#A8AF12
16.7%	16.7% #B2B82E	RGB 178 184 46	#B2B82E
33.3%	33.3% #BCC24A	RGB 188 194 74	#BCC24A
50.0%	50.0% #C7CB66	RGB 199 203 102	#C7CB66
66.7%	66.7% #D1D582	RGB 209 213 130	#D1D582
83.3%	83.3% #DBDE9E	RGB 219 222 158	#DBDE9E
100.0%	100.0% #E6E8BB	RGB 230 232 187	#E6E8BB

#A8AF12 #B2B82E #BCC24A #C7CB66 #D1D582 #DBDE9E #E6E8BB

#A8AF12 - #E6E8BB

HSV Blend

#A8AF12 - #E6E8BB | 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 #A8AF12 as 0% and #E6E8BB as 100%.

0.0%	0.0% #A8AF12	RGB 168 175 18	#A8AF12
16.7%	16.7% #B2B828	RGB 178 184 40	#B2B828
33.3%	33.3% #BCC241	RGB 188 194 65	#BCC241
50.0%	50.0% #C6CB5C	RGB 198 203 92	#C6CB5C
66.7%	66.7% #D0D579	RGB 208 213 121	#D0D579
83.3%	83.3% #DBDE99	RGB 219 222 153	#DBDE99
100.0%	100.0% #E6E8BB	RGB 230 232 187	#E6E8BB

#A8AF12 #B2B828 #BCC241 #C6CB5C #D0D579 #DBDE99 #E6E8BB

#A8AF12 - #C6CB5C - #E6E8BB

CSS codes

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

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