#A8AF63 - #E6E8D2 | 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 #A8AF63 to #E6E8D2

#A8AF63 #E6E8D2

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

#A8AF63 - #E6E8D2 | 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 #A8AF63 as 0% and #E6E8D2 as 100%.

0.0%	0.0% #A8AF63	RGB 168 175 99	#A8AF63
16.7%	16.7% #B2B875	RGB 178 184 117	#B2B875
33.3%	33.3% #BCC288	RGB 188 194 136	#BCC288
50.0%	50.0% #C7CB9A	RGB 199 203 154	#C7CB9A
66.7%	66.7% #D1D5AD	RGB 209 213 173	#D1D5AD
83.3%	83.3% #DBDEBF	RGB 219 222 191	#DBDEBF
100.0%	100.0% #E6E8D2	RGB 230 232 210	#E6E8D2

#A8AF63 #B2B875 #BCC288 #C7CB9A #D1D5AD #DBDEBF #E6E8D2

#A8AF63 - #E6E8D2

HSV Blend

#A8AF63 - #E6E8D2 | 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 #A8AF63 as 0% and #E6E8D2 as 100%.

0.0%	0.0% #A8AF63	RGB 168 175 99	#A8AF63
16.7%	16.7% #B2B872	RGB 178 184 114	#B2B872
33.3%	33.3% #BCC283	RGB 188 194 131	#BCC283
50.0%	50.0% #C6CB95	RGB 198 203 149	#C6CB95
66.7%	66.7% #D0D5A8	RGB 208 213 168	#D0D5A8
83.3%	83.3% #DBDEBC	RGB 219 222 188	#DBDEBC
100.0%	100.0% #E6E8D2	RGB 230 232 210	#E6E8D2

#A8AF63 #B2B872 #BCC283 #C6CB95 #D0D5A8 #DBDEBC #E6E8D2

#A8AF63 - #C6CB95 - #E6E8D2

CSS codes

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

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