#6E795E - #CE8C7B | 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 #6E795E to #CE8C7B

#6E795E #CE8C7B

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

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

0.0%	0.0% #6E795E	RGB 110 121 94	#6E795E
16.7%	16.7% #7E7C62	RGB 126 124 98	#7E7C62
33.3%	33.3% #8E7F67	RGB 142 127 103	#8E7F67
50.0%	50.0% #9E826C	RGB 158 130 108	#9E826C
66.7%	66.7% #AE8571	RGB 174 133 113	#AE8571
83.3%	83.3% #BE8876	RGB 190 136 118	#BE8876
100.0%	100.0% #CE8C7B	RGB 206 140 123	#CE8C7B

#6E795E #7E7C62 #8E7F67 #9E826C #AE8571 #BE8876 #CE8C7B

#6E795E - #CE8C7B

HSV Blend

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

0.0%	0.0% #6E795E	RGB 110 121 94	#6E795E
16.7%	16.7% #808764	RGB 128 135 100	#808764
33.3%	33.3% #95956B	RGB 149 149 107	#95956B
50.0%	50.0% #A39970	RGB 163 153 112	#A39970
66.7%	66.7% #B19974	RGB 177 153 116	#B19974
83.3%	83.3% #BF9578	RGB 191 149 120	#BF9578
100.0%	100.0% #CE8C7B	RGB 206 140 123	#CE8C7B

#6E795E #808764 #95956B #A39970 #B19974 #BF9578 #CE8C7B

#6E795E - #A39970 - #CE8C7B

CSS codes

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

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