#A66D00 - #E5D6B6 | 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 #A66D00 to #E5D6B6

#A66D00 #E5D6B6

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

#A66D00 - #E5D6B6 | 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 #A66D00 as 0% and #E5D6B6 as 100%.

0.0%	0.0% #A66D00	RGB 166 109 0	#A66D00
16.7%	16.7% #B07E1E	RGB 176 126 30	#B07E1E
33.3%	33.3% #BB903C	RGB 187 144 60	#BB903C
50.0%	50.0% #C5A15B	RGB 197 161 91	#C5A15B
66.7%	66.7% #D0B379	RGB 208 179 121	#D0B379
83.3%	83.3% #DAC497	RGB 218 196 151	#DAC497
100.0%	100.0% #E5D6B6	RGB 229 214 182	#E5D6B6

#A66D00 #B07E1E #BB903C #C5A15B #D0B379 #DAC497 #E5D6B6

#A66D00 - #E5D6B6

HSV Blend

#A66D00 - #E5D6B6 | 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 #A66D00 as 0% and #E5D6B6 as 100%.

0.0%	0.0% #A66D00	RGB 166 109 0	#A66D00
16.7%	16.7% #B07C17	RGB 176 124 23	#B07C17
33.3%	33.3% #BB8C31	RGB 187 140 49	#BB8C31
50.0%	50.0% #C59E4E	RGB 197 158 78	#C59E4E
66.7%	66.7% #D0AF6E	RGB 208 175 110	#D0AF6E
83.3%	83.3% #DAC290	RGB 218 194 144	#DAC290
100.0%	100.0% #E5D6B6	RGB 229 214 182	#E5D6B6

#A66D00 #B07C17 #BB8C31 #C59E4E #D0AF6E #DAC290 #E5D6B6

#A66D00 - #C59E4E - #E5D6B6

CSS codes

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

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