#2F0406 - #6B2920 | 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 #2F0406 to #6B2920

#2F0406 #6B2920

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

#2F0406 - #6B2920 | 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 #2F0406 as 0% and #6B2920 as 100%.

0.0%	0.0% #2F0406	RGB 47 4 6	#2F0406
16.7%	16.7% #390A0A	RGB 57 10 10	#390A0A
33.3%	33.3% #43100E	RGB 67 16 14	#43100E
50.0%	50.0% #4D1613	RGB 77 22 19	#4D1613
66.7%	66.7% #571C17	RGB 87 28 23	#571C17
83.3%	83.3% #61221B	RGB 97 34 27	#61221B
100.0%	100.0% #6B2920	RGB 107 41 32	#6B2920

#2F0406 #390A0A #43100E #4D1613 #571C17 #61221B #6B2920

#2F0406 - #6B2920

HSV Blend

#2F0406 - #6B2920 | 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 #2F0406 as 0% and #6B2920 as 100%.

0.0%	0.0% #2F0306	RGB 47 3 6	#2F0306
16.7%	16.7% #390607	RGB 57 6 7	#390607
33.3%	33.3% #430A0A	RGB 67 10 10	#430A0A
50.0%	50.0% #4D110E	RGB 77 17 14	#4D110E
66.7%	66.7% #571813	RGB 87 24 19	#571813
83.3%	83.3% #612019	RGB 97 32 25	#612019
100.0%	100.0% #6B2920	RGB 107 41 32	#6B2920

#2F0306 #390607 #430A0A #4D110E #571813 #612019 #6B2920

#2F0406 - #4D110E - #6B2920

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F0306 0%, #4D110E 50%, #6B2920 100%);
    background: -webkit-linear-gradient(top, #2F0306 0%, #4D110E 50%, #6B2920 100%);
    background: linear-gradient(to bottom, #2F0306 0%, #4D110E 50%, #6B2920 100%);
}
</style>