#6B521C - #442907 | 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 #6B521C to #442907

#6B521C #442907

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

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

0.0%	0.0% #6B521C	RGB 107 82 28	#6B521C
16.7%	16.7% #644B18	RGB 100 75 24	#644B18
33.3%	33.3% #5E4415	RGB 94 68 21	#5E4415
50.0%	50.0% #573D11	RGB 87 61 17	#573D11
66.7%	66.7% #51360E	RGB 81 54 14	#51360E
83.3%	83.3% #4A2F0A	RGB 74 47 10	#4A2F0A
100.0%	100.0% #442907	RGB 68 41 7	#442907

#6B521C #644B18 #5E4415 #573D11 #51360E #4A2F0A #442907

#6B521C - #442907

HSV Blend

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

0.0%	0.0% #6B521B	RGB 107 82 27	#6B521B
16.7%	16.7% #644A17	RGB 100 74 23	#644A17
33.3%	33.3% #5E4313	RGB 94 67 19	#5E4313
50.0%	50.0% #573C0F	RGB 87 60 15	#573C0F
66.7%	66.7% #51350C	RGB 81 53 12	#51350C
83.3%	83.3% #4A2F09	RGB 74 47 9	#4A2F09
100.0%	100.0% #442907	RGB 68 41 7	#442907

#6B521B #644A17 #5E4313 #573C0F #51350C #4A2F09 #442907

#6B521C - #573C0F - #442907

CSS codes

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

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