#3C2D32 - #110C0E | 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 #3C2D32 to #110C0E

#3C2D32 #110C0E

Calculate the color between two colors, #3C2D32 and #110C0E. 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)

#3C2D32 - #110C0E | 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 #3C2D32 as 0% and #110C0E as 100%.

0.0%	0.0% #3C2D32	RGB 60 45 50	#3C2D32
16.7%	16.7% #34272C	RGB 52 39 44	#34272C
33.3%	33.3% #2D2226	RGB 45 34 38	#2D2226
50.0%	50.0% #261C20	RGB 38 28 32	#261C20
66.7%	66.7% #1F171A	RGB 31 23 26	#1F171A
83.3%	83.3% #181114	RGB 24 17 20	#181114
100.0%	100.0% #110C0E	RGB 17 12 14	#110C0E

#3C2D32 #34272C #2D2226 #261C20 #1F171A #181114 #110C0E

#3C2D32 - #110C0E

HSV Blend

#3C2D32 - #110C0E | 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 #3C2D32 as 0% and #110C0E as 100%.

0.0%	0.0% #3C2D32	RGB 60 45 50	#3C2D32
16.7%	16.7% #34272B	RGB 52 39 43	#34272B
33.3%	33.3% #2D2125	RGB 45 33 37	#2D2125
50.0%	50.0% #261C1F	RGB 38 28 31	#261C1F
66.7%	66.7% #1F1619	RGB 31 22 25	#1F1619
83.3%	83.3% #181113	RGB 24 17 19	#181113
100.0%	100.0% #110C0E	RGB 17 12 14	#110C0E

#3C2D32 #34272B #2D2125 #261C1F #1F1619 #181113 #110C0E

#3C2D32 - #261C1F - #110C0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
    background: -webkit-linear-gradient(top, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
    background: linear-gradient(to bottom, #3C2D32 0%, #261C1F 50%, #110C0E 100%);
}
</style>