#6B5D11 - #412F08 | 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 #6B5D11 to #412F08

#6B5D11 #412F08

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

#6B5D11 - #412F08 | 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 #6B5D11 as 0% and #412F08 as 100%.

0.0%	0.0% #6B5D11	RGB 107 93 17	#6B5D11
16.7%	16.7% #64550F	RGB 100 85 15	#64550F
33.3%	33.3% #5D4D0E	RGB 93 77 14	#5D4D0E
50.0%	50.0% #56460C	RGB 86 70 12	#56460C
66.7%	66.7% #4F3E0B	RGB 79 62 11	#4F3E0B
83.3%	83.3% #483609	RGB 72 54 9	#483609
100.0%	100.0% #412F08	RGB 65 47 8	#412F08

#6B5D11 #64550F #5D4D0E #56460C #4F3E0B #483609 #412F08

#6B5D11 - #412F08

HSV Blend

#6B5D11 - #412F08 | 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 #6B5D11 as 0% and #412F08 as 100%.

0.0%	0.0% #6B5D11	RGB 107 93 17	#6B5D11
16.7%	16.7% #64540F	RGB 100 84 15	#64540F
33.3%	33.3% #5D4C0D	RGB 93 76 13	#5D4C0D
50.0%	50.0% #56440C	RGB 86 68 12	#56440C
66.7%	66.7% #4F3D0A	RGB 79 61 10	#4F3D0A
83.3%	83.3% #483509	RGB 72 53 9	#483509
100.0%	100.0% #412F08	RGB 65 47 8	#412F08

#6B5D11 #64540F #5D4C0D #56440C #4F3D0A #483509 #412F08

#6B5D11 - #56440C - #412F08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5D11 0%, #56440C 50%, #412F08 100%);
    background: -webkit-linear-gradient(top, #6B5D11 0%, #56440C 50%, #412F08 100%);
    background: linear-gradient(to bottom, #6B5D11 0%, #56440C 50%, #412F08 100%);
}
</style>