#6B5959 - #E3C17E | 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 #6B5959 to #E3C17E

#6B5959 #E3C17E

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

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

0.0%	0.0% #6B5959	RGB 107 89 89	#6B5959
16.7%	16.7% #7F6A5F	RGB 127 106 95	#7F6A5F
33.3%	33.3% #937B65	RGB 147 123 101	#937B65
50.0%	50.0% #A78D6B	RGB 167 141 107	#A78D6B
66.7%	66.7% #BB9E71	RGB 187 158 113	#BB9E71
83.3%	83.3% #CFAF77	RGB 207 175 119	#CFAF77
100.0%	100.0% #E3C17E	RGB 227 193 126	#E3C17E

#6B5959 #7F6A5F #937B65 #A78D6B #BB9E71 #CFAF77 #E3C17E

#6B5959 - #E3C17E

HSV Blend

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

0.0%	0.0% #6B5959	RGB 107 89 89	#6B5959
16.7%	16.7% #7F6663	RGB 127 102 99	#7F6663
33.3%	33.3% #93756C	RGB 147 117 108	#93756C
50.0%	50.0% #A78473	RGB 167 132 115	#A78473
66.7%	66.7% #BB9679	RGB 187 150 121	#BB9679
83.3%	83.3% #CFAA7C	RGB 207 170 124	#CFAA7C
100.0%	100.0% #E3C17E	RGB 227 193 126	#E3C17E

#6B5959 #7F6663 #93756C #A78473 #BB9679 #CFAA7C #E3C17E

#6B5959 - #A78473 - #E3C17E

CSS codes

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

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