#6A6A41 - #E8AF5E | 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 #6A6A41 to #E8AF5E

#6A6A41 #E8AF5E

Calculate the color between two colors, #6A6A41 and #E8AF5E. 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)

#6A6A41 - #E8AF5E | 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 #6A6A41 as 0% and #E8AF5E as 100%.

0.0%	0.0% #6A6A41	RGB 106 106 65	#6A6A41
16.7%	16.7% #7F7545	RGB 127 117 69	#7F7545
33.3%	33.3% #94814A	RGB 148 129 74	#94814A
50.0%	50.0% #A98C4F	RGB 169 140 79	#A98C4F
66.7%	66.7% #BE9854	RGB 190 152 84	#BE9854
83.3%	83.3% #D3A359	RGB 211 163 89	#D3A359
100.0%	100.0% #E8AF5E	RGB 232 175 94	#E8AF5E

#6A6A41 #7F7545 #94814A #A98C4F #BE9854 #D3A359 #E8AF5E

#6A6A41 - #E8AF5E

HSV Blend

#6A6A41 - #E8AF5E | 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 #6A6A41 as 0% and #E8AF5E as 100%.

0.0%	0.0% #6A6A41	RGB 106 106 65	#6A6A41
16.7%	16.7% #7F7B49	RGB 127 123 73	#7F7B49
33.3%	33.3% #948A50	RGB 148 138 80	#948A50
50.0%	50.0% #A99756	RGB 169 151 86	#A99756
66.7%	66.7% #BEA25A	RGB 190 162 90	#BEA25A
83.3%	83.3% #D3AA5C	RGB 211 170 92	#D3AA5C
100.0%	100.0% #E8AF5E	RGB 232 175 94	#E8AF5E

#6A6A41 #7F7B49 #948A50 #A99756 #BEA25A #D3AA5C #E8AF5E

#6A6A41 - #A99756 - #E8AF5E

CSS codes

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

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