#6E5E61 - #E7A77F | 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 #6E5E61 to #E7A77F

#6E5E61 #E7A77F

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

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

0.0%	0.0% #6E5E61	RGB 110 94 97	#6E5E61
16.7%	16.7% #826A66	RGB 130 106 102	#826A66
33.3%	33.3% #96766B	RGB 150 118 107	#96766B
50.0%	50.0% #AA8270	RGB 170 130 112	#AA8270
66.7%	66.7% #BE8E75	RGB 190 142 117	#BE8E75
83.3%	83.3% #D29A7A	RGB 210 154 122	#D29A7A
100.0%	100.0% #E7A77F	RGB 231 167 127	#E7A77F

#6E5E61 #826A66 #96766B #AA8270 #BE8E75 #D29A7A #E7A77F

#6E5E61 - #E7A77F

HSV Blend

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

0.0%	0.0% #6E5E61	RGB 110 94 97	#6E5E61
16.7%	16.7% #82686A	RGB 130 104 106	#82686A
33.3%	33.3% #967171	RGB 150 113 113	#967171
50.0%	50.0% #AA7C77	RGB 170 124 119	#AA7C77
66.7%	66.7% #BE897C	RGB 190 137 124	#BE897C
83.3%	83.3% #D2967E	RGB 210 150 126	#D2967E
100.0%	100.0% #E7A77F	RGB 231 167 127	#E7A77F

#6E5E61 #82686A #967171 #AA7C77 #BE897C #D2967E #E7A77F

#6E5E61 - #AA7C77 - #E7A77F

CSS codes

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

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