#413612 - #2D1C05 | 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 #413612 to #2D1C05

#413612 #2D1C05

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

#413612 - #2D1C05 | 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 #413612 as 0% and #2D1C05 as 100%.

0.0%	0.0% #413612	RGB 65 54 18	#413612
16.7%	16.7% #3D310F	RGB 61 49 15	#3D310F
33.3%	33.3% #3A2D0D	RGB 58 45 13	#3A2D0D
50.0%	50.0% #37290B	RGB 55 41 11	#37290B
66.7%	66.7% #332409	RGB 51 36 9	#332409
83.3%	83.3% #302007	RGB 48 32 7	#302007
100.0%	100.0% #2D1C05	RGB 45 28 5	#2D1C05

#413612 #3D310F #3A2D0D #37290B #332409 #302007 #2D1C05

#413612 - #2D1C05

HSV Blend

#413612 - #2D1C05 | 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 #413612 as 0% and #2D1C05 as 100%.

0.0%	0.0% #413612	RGB 65 54 18	#413612
16.7%	16.7% #3D310F	RGB 61 49 15	#3D310F
33.3%	33.3% #3A2C0C	RGB 58 44 12	#3A2C0C
50.0%	50.0% #37280A	RGB 55 40 10	#37280A
66.7%	66.7% #332408	RGB 51 36 8	#332408
83.3%	83.3% #301F06	RGB 48 31 6	#301F06
100.0%	100.0% #2D1C05	RGB 45 28 5	#2D1C05

#413612 #3D310F #3A2C0C #37280A #332408 #301F06 #2D1C05

#413612 - #37280A - #2D1C05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #413612 0%, #37280A 50%, #2D1C05 100%);
    background: -webkit-linear-gradient(top, #413612 0%, #37280A 50%, #2D1C05 100%);
    background: linear-gradient(to bottom, #413612 0%, #37280A 50%, #2D1C05 100%);
}
</style>