#6A6856 - #E3AF74 | 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 #6A6856 to #E3AF74

#6A6856 #E3AF74

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

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

0.0%	0.0% #6A6856	RGB 106 104 86	#6A6856
16.7%	16.7% #7E735B	RGB 126 115 91	#7E735B
33.3%	33.3% #927F60	RGB 146 127 96	#927F60
50.0%	50.0% #A68B65	RGB 166 139 101	#A68B65
66.7%	66.7% #BA976A	RGB 186 151 106	#BA976A
83.3%	83.3% #CEA36F	RGB 206 163 111	#CEA36F
100.0%	100.0% #E3AF74	RGB 227 175 116	#E3AF74

#6A6856 #7E735B #927F60 #A68B65 #BA976A #CEA36F #E3AF74

#6A6856 - #E3AF74

HSV Blend

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

0.0%	0.0% #6A6856	RGB 106 104 86	#6A6856
16.7%	16.7% #7E7960	RGB 126 121 96	#7E7960
33.3%	33.3% #928868	RGB 146 136 104	#928868
50.0%	50.0% #A6966E	RGB 166 150 110	#A6966E
66.7%	66.7% #BAA172	RGB 186 161 114	#BAA172
83.3%	83.3% #CEA974	RGB 206 169 116	#CEA974
100.0%	100.0% #E3AF74	RGB 227 175 116	#E3AF74

#6A6856 #7E7960 #928868 #A6966E #BAA172 #CEA974 #E3AF74

#6A6856 - #A6966E - #E3AF74

CSS codes

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

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