#6E533E - #1F1711 | 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 #6E533E to #1F1711

#6E533E #1F1711

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

#6E533E - #1F1711 | 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 #6E533E as 0% and #1F1711 as 100%.

0.0%	0.0% #6E533E	RGB 110 83 62	#6E533E
16.7%	16.7% #604936	RGB 96 73 54	#604936
33.3%	33.3% #533F2F	RGB 83 63 47	#533F2F
50.0%	50.0% #463527	RGB 70 53 39	#463527
66.7%	66.7% #392B20	RGB 57 43 32	#392B20
83.3%	83.3% #2C2118	RGB 44 33 24	#2C2118
100.0%	100.0% #1F1711	RGB 31 23 17	#1F1711

#6E533E #604936 #533F2F #463527 #392B20 #2C2118 #1F1711

#6E533E - #1F1711

HSV Blend

#6E533E - #1F1711 | 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 #6E533E as 0% and #1F1711 as 100%.

0.0%	0.0% #6E533E	RGB 110 83 62	#6E533E
16.7%	16.7% #604836	RGB 96 72 54	#604836
33.3%	33.3% #533E2E	RGB 83 62 46	#533E2E
50.0%	50.0% #463427	RGB 70 52 39	#463427
66.7%	66.7% #392A1F	RGB 57 42 31	#392A1F
83.3%	83.3% #2C2018	RGB 44 32 24	#2C2018
100.0%	100.0% #1F1711	RGB 31 23 17	#1F1711

#6E533E #604836 #533E2E #463427 #392A1F #2C2018 #1F1711

#6E533E - #463427 - #1F1711

CSS codes

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

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