#6B5E53 - #E0A876 | 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 #6B5E53 to #E0A876

#6B5E53 #E0A876

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

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

0.0%	0.0% #6B5E53	RGB 107 94 83	#6B5E53
16.7%	16.7% #7E6A58	RGB 126 106 88	#7E6A58
33.3%	33.3% #92765E	RGB 146 118 94	#92765E
50.0%	50.0% #A58364	RGB 165 131 100	#A58364
66.7%	66.7% #B98F6A	RGB 185 143 106	#B98F6A
83.3%	83.3% #CC9B70	RGB 204 155 112	#CC9B70
100.0%	100.0% #E0A876	RGB 224 168 118	#E0A876

#6B5E53 #7E6A58 #92765E #A58364 #B98F6A #CC9B70 #E0A876

#6B5E53 - #E0A876

HSV Blend

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

0.0%	0.0% #6B5E53	RGB 107 94 83	#6B5E53
16.7%	16.7% #7E6C5C	RGB 126 108 92	#7E6C5C
33.3%	33.3% #927965	RGB 146 121 101	#927965
50.0%	50.0% #A5866B	RGB 165 134 107	#A5866B
66.7%	66.7% #B99270	RGB 185 146 112	#B99270
83.3%	83.3% #CC9D74	RGB 204 157 116	#CC9D74
100.0%	100.0% #E0A876	RGB 224 168 118	#E0A876

#6B5E53 #7E6C5C #927965 #A5866B #B99270 #CC9D74 #E0A876

#6B5E53 - #A5866B - #E0A876

CSS codes

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

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