#3C1012 - #2D040E | 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 #3C1012 to #2D040E

#3C1012 #2D040E

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

#3C1012 - #2D040E | 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 #3C1012 as 0% and #2D040E as 100%.

0.0%	0.0% #3C1012	RGB 60 16 18	#3C1012
16.7%	16.7% #390E11	RGB 57 14 17	#390E11
33.3%	33.3% #370C10	RGB 55 12 16	#370C10
50.0%	50.0% #340A10	RGB 52 10 16	#340A10
66.7%	66.7% #32080F	RGB 50 8 15	#32080F
83.3%	83.3% #2F060E	RGB 47 6 14	#2F060E
100.0%	100.0% #2D040E	RGB 45 4 14	#2D040E

#3C1012 #390E11 #370C10 #340A10 #32080F #2F060E #2D040E

#3C1012 - #2D040E

HSV Blend

#3C1012 - #2D040E | 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 #3C1012 as 0% and #2D040E as 100%.

0.0%	0.0% #3C1011	RGB 60 16 17	#3C1011
16.7%	16.7% #390D11	RGB 57 13 17	#390D11
33.3%	33.3% #370B10	RGB 55 11 16	#370B10
50.0%	50.0% #34090F	RGB 52 9 15	#34090F
66.7%	66.7% #32070E	RGB 50 7 14	#32070E
83.3%	83.3% #2F050E	RGB 47 5 14	#2F050E
100.0%	100.0% #2D040E	RGB 45 4 14	#2D040E

#3C1011 #390D11 #370B10 #34090F #32070E #2F050E #2D040E

#3C1012 - #34090F - #2D040E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C1011 0%, #34090F 50%, #2D040E 100%);
    background: -webkit-linear-gradient(top, #3C1011 0%, #34090F 50%, #2D040E 100%);
    background: linear-gradient(to bottom, #3C1011 0%, #34090F 50%, #2D040E 100%);
}
</style>