#7C695C - #ECB27E | 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 #7C695C to #ECB27E

#7C695C #ECB27E

Calculate the color between two colors, #7C695C and #ECB27E. 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)

#7C695C - #ECB27E | 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 #7C695C as 0% and #ECB27E as 100%.

0.0%	0.0% #7C695C	RGB 124 105 92	#7C695C
16.7%	16.7% #8E7561	RGB 142 117 97	#8E7561
33.3%	33.3% #A18167	RGB 161 129 103	#A18167
50.0%	50.0% #B48D6D	RGB 180 141 109	#B48D6D
66.7%	66.7% #C69972	RGB 198 153 114	#C69972
83.3%	83.3% #D9A578	RGB 217 165 120	#D9A578
100.0%	100.0% #ECB27E	RGB 236 178 126	#ECB27E

#7C695C #8E7561 #A18167 #B48D6D #C69972 #D9A578 #ECB27E

#7C695C - #ECB27E

HSV Blend

#7C695C - #ECB27E | 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 #7C695C as 0% and #ECB27E as 100%.

0.0%	0.0% #7C695C	RGB 124 105 92	#7C695C
16.7%	16.7% #8E7664	RGB 142 118 100	#8E7664
33.3%	33.3% #A1836C	RGB 161 131 108	#A1836C
50.0%	50.0% #B48F72	RGB 180 143 114	#B48F72
66.7%	66.7% #C69B77	RGB 198 155 119	#C69B77
83.3%	83.3% #D9A67B	RGB 217 166 123	#D9A67B
100.0%	100.0% #ECB27E	RGB 236 178 126	#ECB27E

#7C695C #8E7664 #A1836C #B48F72 #C69B77 #D9A67B #ECB27E

#7C695C - #B48F72 - #ECB27E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C695C 0%, #B48F72 50%, #ECB27E 100%);
    background: -webkit-linear-gradient(top, #7C695C 0%, #B48F72 50%, #ECB27E 100%);
    background: linear-gradient(to bottom, #7C695C 0%, #B48F72 50%, #ECB27E 100%);
}
</style>