#A8AF36 - #E6E8C5 | 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 #A8AF36 to #E6E8C5

#A8AF36 #E6E8C5

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

#A8AF36 - #E6E8C5 | 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 #A8AF36 as 0% and #E6E8C5 as 100%.

0.0%	0.0% #A8AF36	RGB 168 175 54	#A8AF36
16.7%	16.7% #B2B84D	RGB 178 184 77	#B2B84D
33.3%	33.3% #BCC265	RGB 188 194 101	#BCC265
50.0%	50.0% #C7CB7D	RGB 199 203 125	#C7CB7D
66.7%	66.7% #D1D595	RGB 209 213 149	#D1D595
83.3%	83.3% #DBDEAD	RGB 219 222 173	#DBDEAD
100.0%	100.0% #E6E8C5	RGB 230 232 197	#E6E8C5

#A8AF36 #B2B84D #BCC265 #C7CB7D #D1D595 #DBDEAD #E6E8C5

#A8AF36 - #E6E8C5

HSV Blend

#A8AF36 - #E6E8C5 | 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 #A8AF36 as 0% and #E6E8C5 as 100%.

0.0%	0.0% #A8AF36	RGB 168 175 54	#A8AF36
16.7%	16.7% #B2B849	RGB 178 184 73	#B2B849
33.3%	33.3% #BCC25E	RGB 188 194 94	#BCC25E
50.0%	50.0% #C6CB75	RGB 198 203 117	#C6CB75
66.7%	66.7% #D0D58E	RGB 208 213 142	#D0D58E
83.3%	83.3% #DBDEA8	RGB 219 222 168	#DBDEA8
100.0%	100.0% #E6E8C5	RGB 230 232 197	#E6E8C5

#A8AF36 #B2B849 #BCC25E #C6CB75 #D0D58E #DBDEA8 #E6E8C5

#A8AF36 - #C6CB75 - #E6E8C5

CSS codes

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

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