#3A2D29 - #100C0B | 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 #3A2D29 to #100C0B

#3A2D29 #100C0B

Calculate the color between two colors, #3A2D29 and #100C0B. 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)

#3A2D29 - #100C0B | 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 #3A2D29 as 0% and #100C0B as 100%.

0.0%	0.0% #3A2D29	RGB 58 45 41	#3A2D29
16.7%	16.7% #332724	RGB 51 39 36	#332724
33.3%	33.3% #2C221F	RGB 44 34 31	#2C221F
50.0%	50.0% #251C1A	RGB 37 28 26	#251C1A
66.7%	66.7% #1E1715	RGB 30 23 21	#1E1715
83.3%	83.3% #171110	RGB 23 17 16	#171110
100.0%	100.0% #100C0B	RGB 16 12 11	#100C0B

#3A2D29 #332724 #2C221F #251C1A #1E1715 #171110 #100C0B

#3A2D29 - #100C0B

HSV Blend

#3A2D29 - #100C0B | 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 #3A2D29 as 0% and #100C0B as 100%.

0.0%	0.0% #3A2D29	RGB 58 45 41	#3A2D29
16.7%	16.7% #332723	RGB 51 39 35	#332723
33.3%	33.3% #2C211E	RGB 44 33 30	#2C211E
50.0%	50.0% #251C19	RGB 37 28 25	#251C19
66.7%	66.7% #1E1614	RGB 30 22 20	#1E1614
83.3%	83.3% #17110F	RGB 23 17 15	#17110F
100.0%	100.0% #100C0B	RGB 16 12 11	#100C0B

#3A2D29 #332723 #2C211E #251C19 #1E1614 #17110F #100C0B

#3A2D29 - #251C19 - #100C0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A2D29 0%, #251C19 50%, #100C0B 100%);
    background: -webkit-linear-gradient(top, #3A2D29 0%, #251C19 50%, #100C0B 100%);
    background: linear-gradient(to bottom, #3A2D29 0%, #251C19 50%, #100C0B 100%);
}
</style>