#3C3E3E - #002D0A | 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 #3C3E3E to #002D0A

#3C3E3E #002D0A

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

#3C3E3E - #002D0A | 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 #3C3E3E as 0% and #002D0A as 100%.

0.0%	0.0% #3C3E3E	RGB 60 62 62	#3C3E3E
16.7%	16.7% #323B35	RGB 50 59 53	#323B35
33.3%	33.3% #28382C	RGB 40 56 44	#28382C
50.0%	50.0% #1E3524	RGB 30 53 36	#1E3524
66.7%	66.7% #14321B	RGB 20 50 27	#14321B
83.3%	83.3% #0A2F12	RGB 10 47 18	#0A2F12
100.0%	100.0% #002D0A	RGB 0 45 10	#002D0A

#3C3E3E #323B35 #28382C #1E3524 #14321B #0A2F12 #002D0A

#3C3E3E - #002D0A

HSV Blend

#3C3E3E - #002D0A | 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 #3C3E3E as 0% and #002D0A as 100%.

0.0%	0.0% #3C3E3E	RGB 60 62 62	#3C3E3E
16.7%	16.7% #2F3B39	RGB 47 59 57	#2F3B39
33.3%	33.3% #243833	RGB 36 56 51	#243833
50.0%	50.0% #19352A	RGB 25 53 42	#19352A
66.7%	66.7% #103220	RGB 16 50 32	#103220
83.3%	83.3% #072F15	RGB 7 47 21	#072F15
100.0%	100.0% #002D0A	RGB 0 45 10	#002D0A

#3C3E3E #2F3B39 #243833 #19352A #103220 #072F15 #002D0A

#3C3E3E - #19352A - #002D0A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3E 0%, #19352A 50%, #002D0A 100%);
    background: -webkit-linear-gradient(top, #3C3E3E 0%, #19352A 50%, #002D0A 100%);
    background: linear-gradient(to bottom, #3C3E3E 0%, #19352A 50%, #002D0A 100%);
}
</style>