#AC9101 - #E7DFB6 | 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 #AC9101 to #E7DFB6

#AC9101 #E7DFB6

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

#AC9101 - #E7DFB6 | 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 #AC9101 as 0% and #E7DFB6 as 100%.

0.0%	0.0% #AC9101	RGB 172 145 1	#AC9101
16.7%	16.7% #B59E1F	RGB 181 158 31	#B59E1F
33.3%	33.3% #BFAB3D	RGB 191 171 61	#BFAB3D
50.0%	50.0% #C9B85B	RGB 201 184 91	#C9B85B
66.7%	66.7% #D3C579	RGB 211 197 121	#D3C579
83.3%	83.3% #DDD297	RGB 221 210 151	#DDD297
100.0%	100.0% #E7DFB6	RGB 231 223 182	#E7DFB6

#AC9101 #B59E1F #BFAB3D #C9B85B #D3C579 #DDD297 #E7DFB6

#AC9101 - #E7DFB6

HSV Blend

#AC9101 - #E7DFB6 | 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 #AC9101 as 0% and #E7DFB6 as 100%.

0.0%	0.0% #AC9101	RGB 172 145 1	#AC9101
16.7%	16.7% #B59C18	RGB 181 156 24	#B59C18
33.3%	33.3% #BFA933	RGB 191 169 51	#BFA933
50.0%	50.0% #C9B54F	RGB 201 181 79	#C9B54F
66.7%	66.7% #D3C36F	RGB 211 195 111	#D3C36F
83.3%	83.3% #DDD091	RGB 221 208 145	#DDD091
100.0%	100.0% #E7DFB6	RGB 231 223 182	#E7DFB6

#AC9101 #B59C18 #BFA933 #C9B54F #D3C36F #DDD091 #E7DFB6

#AC9101 - #C9B54F - #E7DFB6

CSS codes

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

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