#6E5E5B - #E2AA82 | 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 #6E5E5B to #E2AA82

#6E5E5B #E2AA82

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

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

0.0%	0.0% #6E5E5B	RGB 110 94 91	#6E5E5B
16.7%	16.7% #816A61	RGB 129 106 97	#816A61
33.3%	33.3% #947768	RGB 148 119 104	#947768
50.0%	50.0% #A8846E	RGB 168 132 110	#A8846E
66.7%	66.7% #BB9075	RGB 187 144 117	#BB9075
83.3%	83.3% #CE9D7B	RGB 206 157 123	#CE9D7B
100.0%	100.0% #E2AA82	RGB 226 170 130	#E2AA82

#6E5E5B #816A61 #947768 #A8846E #BB9075 #CE9D7B #E2AA82

#6E5E5B - #E2AA82

HSV Blend

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

0.0%	0.0% #6E5E5B	RGB 110 94 91	#6E5E5B
16.7%	16.7% #816B65	RGB 129 107 101	#816B65
33.3%	33.3% #94776E	RGB 148 119 110	#94776E
50.0%	50.0% #A88475	RGB 168 132 117	#A88475
66.7%	66.7% #BB907B	RGB 187 144 123	#BB907B
83.3%	83.3% #CE9D7F	RGB 206 157 127	#CE9D7F
100.0%	100.0% #E2AA82	RGB 226 170 130	#E2AA82

#6E5E5B #816B65 #94776E #A88475 #BB907B #CE9D7F #E2AA82

#6E5E5B - #A88475 - #E2AA82

CSS codes

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

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