#ACAF67 - #E7E8D3 | 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 #ACAF67 to #E7E8D3

#ACAF67 #E7E8D3

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

#ACAF67 - #E7E8D3 | 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 #ACAF67 as 0% and #E7E8D3 as 100%.

0.0%	0.0% #ACAF67	RGB 172 175 103	#ACAF67
16.7%	16.7% #B5B879	RGB 181 184 121	#B5B879
33.3%	33.3% #BFC28B	RGB 191 194 139	#BFC28B
50.0%	50.0% #C9CB9D	RGB 201 203 157	#C9CB9D
66.7%	66.7% #D3D5AF	RGB 211 213 175	#D3D5AF
83.3%	83.3% #DDDEC1	RGB 221 222 193	#DDDEC1
100.0%	100.0% #E7E8D3	RGB 231 232 211	#E7E8D3

#ACAF67 #B5B879 #BFC28B #C9CB9D #D3D5AF #DDDEC1 #E7E8D3

#ACAF67 - #E7E8D3

HSV Blend

#ACAF67 - #E7E8D3 | 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 #ACAF67 as 0% and #E7E8D3 as 100%.

0.0%	0.0% #ACAF67	RGB 172 175 103	#ACAF67
16.7%	16.7% #B5B876	RGB 181 184 118	#B5B876
33.3%	33.3% #BFC286	RGB 191 194 134	#BFC286
50.0%	50.0% #C9CB98	RGB 201 203 152	#C9CB98
66.7%	66.7% #D3D5AA	RGB 211 213 170	#D3D5AA
83.3%	83.3% #DDDEBE	RGB 221 222 190	#DDDEBE
100.0%	100.0% #E7E8D3	RGB 231 232 211	#E7E8D3

#ACAF67 #B5B876 #BFC286 #C9CB98 #D3D5AA #DDDEBE #E7E8D3

#ACAF67 - #C9CB98 - #E7E8D3

CSS codes

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

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