#ACAC1E - #E7E7BE | 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 #ACAC1E to #E7E7BE

#ACAC1E #E7E7BE

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

#ACAC1E - #E7E7BE | 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 #ACAC1E as 0% and #E7E7BE as 100%.

0.0%	0.0% #ACAC1E	RGB 172 172 30	#ACAC1E
16.7%	16.7% #B5B538	RGB 181 181 56	#B5B538
33.3%	33.3% #BFBF53	RGB 191 191 83	#BFBF53
50.0%	50.0% #C9C96E	RGB 201 201 110	#C9C96E
66.7%	66.7% #D3D388	RGB 211 211 136	#D3D388
83.3%	83.3% #DDDDA3	RGB 221 221 163	#DDDDA3
100.0%	100.0% #E7E7BE	RGB 231 231 190	#E7E7BE

#ACAC1E #B5B538 #BFBF53 #C9C96E #D3D388 #DDDDA3 #E7E7BE

#ACAC1E - #E7E7BE

HSV Blend

#ACAC1E - #E7E7BE | 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 #ACAC1E as 0% and #E7E7BE as 100%.

0.0%	0.0% #ACAC1E	RGB 172 172 30	#ACAC1E
16.7%	16.7% #B5B533	RGB 181 181 51	#B5B533
33.3%	33.3% #BFBF4A	RGB 191 191 74	#BFBF4A
50.0%	50.0% #C9C964	RGB 201 201 100	#C9C964
66.7%	66.7% #D3D380	RGB 211 211 128	#D3D380
83.3%	83.3% #DDDD9E	RGB 221 221 158	#DDDD9E
100.0%	100.0% #E7E7BE	RGB 231 231 190	#E7E7BE

#ACAC1E #B5B533 #BFBF4A #C9C964 #D3D380 #DDDD9E #E7E7BE

#ACAC1E - #C9C964 - #E7E7BE

CSS codes

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

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