#6E5E5F - #E6A67B | 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 #6E5E5F to #E6A67B

#6E5E5F #E6A67B

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

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

0.0%	0.0% #6E5E5F	RGB 110 94 95	#6E5E5F
16.7%	16.7% #826A63	RGB 130 106 99	#826A63
33.3%	33.3% #967668	RGB 150 118 104	#967668
50.0%	50.0% #AA826D	RGB 170 130 109	#AA826D
66.7%	66.7% #BE8E71	RGB 190 142 113	#BE8E71
83.3%	83.3% #D29A76	RGB 210 154 118	#D29A76
100.0%	100.0% #E6A67B	RGB 230 166 123	#E6A67B

#6E5E5F #826A63 #967668 #AA826D #BE8E71 #D29A76 #E6A67B

#6E5E5F - #E6A67B

HSV Blend

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

0.0%	0.0% #6E5E5F	RGB 110 94 95	#6E5E5F
16.7%	16.7% #826868	RGB 130 104 104	#826868
33.3%	33.3% #967370	RGB 150 115 112	#967370
50.0%	50.0% #AA7E76	RGB 170 126 118	#AA7E76
66.7%	66.7% #BE8A79	RGB 190 138 121	#BE8A79
83.3%	83.3% #D2977B	RGB 210 151 123	#D2977B
100.0%	100.0% #E6A67B	RGB 230 166 123	#E6A67B

#6E5E5F #826868 #967370 #AA7E76 #BE8A79 #D2977B #E6A67B

#6E5E5F - #AA7E76 - #E6A67B

CSS codes

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

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