#6B5E59 - #E3DF7E | 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 #6B5E59 to #E3DF7E

#6B5E59 #E3DF7E

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

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

0.0%	0.0% #6B5E59	RGB 107 94 89	#6B5E59
16.7%	16.7% #7F735F	RGB 127 115 95	#7F735F
33.3%	33.3% #938965	RGB 147 137 101	#938965
50.0%	50.0% #A79E6B	RGB 167 158 107	#A79E6B
66.7%	66.7% #BBB471	RGB 187 180 113	#BBB471
83.3%	83.3% #CFC977	RGB 207 201 119	#CFC977
100.0%	100.0% #E3DF7E	RGB 227 223 126	#E3DF7E

#6B5E59 #7F735F #938965 #A79E6B #BBB471 #CFC977 #E3DF7E

#6B5E59 - #E3DF7E

HSV Blend

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

0.0%	0.0% #6B5E59	RGB 107 94 89	#6B5E59
16.7%	16.7% #7F6E63	RGB 127 110 99	#7F6E63
33.3%	33.3% #93806C	RGB 147 128 108	#93806C
50.0%	50.0% #A79373	RGB 167 147 115	#A79373
66.7%	66.7% #BBA979	RGB 187 169 121	#BBA979
83.3%	83.3% #CFC27C	RGB 207 194 124	#CFC27C
100.0%	100.0% #E3DF7E	RGB 227 223 126	#E3DF7E

#6B5E59 #7F6E63 #93806C #A79373 #BBA979 #CFC27C #E3DF7E

#6B5E59 - #A79373 - #E3DF7E

CSS codes

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

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