#6D6D3C - #ECB158 | 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 #6D6D3C to #ECB158

#6D6D3C #ECB158

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

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

0.0%	0.0% #6D6D3C	RGB 109 109 60	#6D6D3C
16.7%	16.7% #827840	RGB 130 120 64	#827840
33.3%	33.3% #978345	RGB 151 131 69	#978345
50.0%	50.0% #AC8F4A	RGB 172 143 74	#AC8F4A
66.7%	66.7% #C19A4E	RGB 193 154 78	#C19A4E
83.3%	83.3% #D6A553	RGB 214 165 83	#D6A553
100.0%	100.0% #ECB158	RGB 236 177 88	#ECB158

#6D6D3C #827840 #978345 #AC8F4A #C19A4E #D6A553 #ECB158

#6D6D3C - #ECB158

HSV Blend

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

0.0%	0.0% #6D6D3C	RGB 109 109 60	#6D6D3C
16.7%	16.7% #827E43	RGB 130 126 67	#827E43
33.3%	33.3% #978D4A	RGB 151 141 74	#978D4A
50.0%	50.0% #AC994F	RGB 172 153 79	#AC994F
66.7%	66.7% #C1A453	RGB 193 164 83	#C1A453
83.3%	83.3% #D6AC56	RGB 214 172 86	#D6AC56
100.0%	100.0% #ECB158	RGB 236 177 88	#ECB158

#6D6D3C #827E43 #978D4A #AC994F #C1A453 #D6AC56 #ECB158

#6D6D3C - #AC994F - #ECB158

CSS codes

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

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