#AFAE3C - #E7E8C7 | 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 #AFAE3C to #E7E8C7

#AFAE3C #E7E8C7

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

#AFAE3C - #E7E8C7 | 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 #AFAE3C as 0% and #E7E8C7 as 100%.

0.0%	0.0% #AFAE3C	RGB 175 174 60	#AFAE3C
16.7%	16.7% #B8B753	RGB 184 183 83	#B8B753
33.3%	33.3% #C1C16A	RGB 193 193 106	#C1C16A
50.0%	50.0% #CBCB81	RGB 203 203 129	#CBCB81
66.7%	66.7% #D4D498	RGB 212 212 152	#D4D498
83.3%	83.3% #DDDEAF	RGB 221 222 175	#DDDEAF
100.0%	100.0% #E7E8C7	RGB 231 232 199	#E7E8C7

#AFAE3C #B8B753 #C1C16A #CBCB81 #D4D498 #DDDEAF #E7E8C7

#AFAE3C - #E7E8C7

HSV Blend

#AFAE3C - #E7E8C7 | 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 #AFAE3C as 0% and #E7E8C7 as 100%.

0.0%	0.0% #AFAE3C	RGB 175 174 60	#AFAE3C
16.7%	16.7% #B8B84F	RGB 184 184 79	#B8B84F
33.3%	33.3% #C1C263	RGB 193 194 99	#C1C263
50.0%	50.0% #CACB7A	RGB 202 203 122	#CACB7A
66.7%	66.7% #D3D592	RGB 211 213 146	#D3D592
83.3%	83.3% #DDDEAB	RGB 221 222 171	#DDDEAB
100.0%	100.0% #E7E8C7	RGB 231 232 199	#E7E8C7

#AFAE3C #B8B84F #C1C263 #CACB7A #D3D592 #DDDEAB #E7E8C7

#AFAE3C - #CACB7A - #E7E8C7

CSS codes

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

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