#100404 - #3C343B | 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 #100404 to #3C343B

#100404 #3C343B

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

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

0.0%	0.0% #100404	RGB 16 4 4	#100404
16.7%	16.7% #170C0D	RGB 23 12 13	#170C0D
33.3%	33.3% #1E1416	RGB 30 20 22	#1E1416
50.0%	50.0% #261C1F	RGB 38 28 31	#261C1F
66.7%	66.7% #2D2428	RGB 45 36 40	#2D2428
83.3%	83.3% #342C31	RGB 52 44 49	#342C31
100.0%	100.0% #3C343B	RGB 60 52 59	#3C343B

#100404 #170C0D #1E1416 #261C1F #2D2428 #342C31 #3C343B

#100404 - #3C343B

HSV Blend

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

0.0%	0.0% #100404	RGB 16 4 4	#100404
16.7%	16.7% #17080A	RGB 23 8 10	#17080A
33.3%	33.3% #1E0D12	RGB 30 13 18	#1E0D12
50.0%	50.0% #26151C	RGB 38 21 28	#26151C
66.7%	66.7% #2D1D26	RGB 45 29 38	#2D1D26
83.3%	83.3% #342831	RGB 52 40 49	#342831
100.0%	100.0% #3C343B	RGB 60 52 59	#3C343B

#100404 #17080A #1E0D12 #26151C #2D1D26 #342831 #3C343B

#100404 - #26151C - #3C343B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #100404 0%, #26151C 50%, #3C343B 100%);
    background: -webkit-linear-gradient(top, #100404 0%, #26151C 50%, #3C343B 100%);
    background: linear-gradient(to bottom, #100404 0%, #26151C 50%, #3C343B 100%);
}
</style>