#6E6C5E - #E6A07A | 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 #6E6C5E to #E6A07A

#6E6C5E #E6A07A

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

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

0.0%	0.0% #6E6C5E	RGB 110 108 94	#6E6C5E
16.7%	16.7% #827462	RGB 130 116 98	#827462
33.3%	33.3% #967D67	RGB 150 125 103	#967D67
50.0%	50.0% #AA866C	RGB 170 134 108	#AA866C
66.7%	66.7% #BE8E70	RGB 190 142 112	#BE8E70
83.3%	83.3% #D29775	RGB 210 151 117	#D29775
100.0%	100.0% #E6A07A	RGB 230 160 122	#E6A07A

#6E6C5E #827462 #967D67 #AA866C #BE8E70 #D29775 #E6A07A

#6E6C5E - #E6A07A

HSV Blend

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

0.0%	0.0% #6E6C5E	RGB 110 108 94	#6E6C5E
16.7%	16.7% #827C68	RGB 130 124 104	#827C68
33.3%	33.3% #968A6F	RGB 150 138 111	#968A6F
50.0%	50.0% #AA9575	RGB 170 149 117	#AA9575
66.7%	66.7% #BE9D79	RGB 190 157 121	#BE9D79
83.3%	83.3% #D2A17A	RGB 210 161 122	#D2A17A
100.0%	100.0% #E6A07A	RGB 230 160 122	#E6A07A

#6E6C5E #827C68 #968A6F #AA9575 #BE9D79 #D2A17A #E6A07A

#6E6C5E - #AA9575 - #E6A07A

CSS codes

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

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