#6B5E4C - #E0A66D | 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 #6B5E4C to #E0A66D

#6B5E4C #E0A66D

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

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

0.0%	0.0% #6B5E4C	RGB 107 94 76	#6B5E4C
16.7%	16.7% #7E6A51	RGB 126 106 81	#7E6A51
33.3%	33.3% #927657	RGB 146 118 87	#927657
50.0%	50.0% #A5825C	RGB 165 130 92	#A5825C
66.7%	66.7% #B98E62	RGB 185 142 98	#B98E62
83.3%	83.3% #CC9A67	RGB 204 154 103	#CC9A67
100.0%	100.0% #E0A66D	RGB 224 166 109	#E0A66D

#6B5E4C #7E6A51 #927657 #A5825C #B98E62 #CC9A67 #E0A66D

#6B5E4C - #E0A66D

HSV Blend

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

0.0%	0.0% #6B5E4C	RGB 107 94 76	#6B5E4C
16.7%	16.7% #7E6C55	RGB 126 108 85	#7E6C55
33.3%	33.3% #927A5C	RGB 146 122 92	#927A5C
50.0%	50.0% #A58663	RGB 165 134 99	#A58663
66.7%	66.7% #B99267	RGB 185 146 103	#B99267
83.3%	83.3% #CC9C6B	RGB 204 156 107	#CC9C6B
100.0%	100.0% #E0A66D	RGB 224 166 109	#E0A66D

#6B5E4C #7E6C55 #927A5C #A58663 #B99267 #CC9C6B #E0A66D

#6B5E4C - #A58663 - #E0A66D

CSS codes

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

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