#464648 - #071F1C | 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 #464648 to #071F1C

#464648 #071F1C

Calculate the color between two colors, #464648 and #071F1C. 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)

#464648 - #071F1C | 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 #464648 as 0% and #071F1C as 100%.

0.0%	0.0% #464648	RGB 70 70 72	#464648
16.7%	16.7% #3B3F40	RGB 59 63 64	#3B3F40
33.3%	33.3% #313939	RGB 49 57 57	#313939
50.0%	50.0% #263232	RGB 38 50 50	#263232
66.7%	66.7% #1C2C2A	RGB 28 44 42	#1C2C2A
83.3%	83.3% #112523	RGB 17 37 35	#112523
100.0%	100.0% #071F1C	RGB 7 31 28	#071F1C

#464648 #3B3F40 #313939 #263232 #1C2C2A #112523 #071F1C

#464648 - #071F1C

HSV Blend

#464648 - #071F1C | 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 #464648 as 0% and #071F1C as 100%.

0.0%	0.0% #464648	RGB 70 70 72	#464648
16.7%	16.7% #373941	RGB 55 57 65	#373941
33.3%	33.3% #2A303A	RGB 42 48 58	#2A303A
50.0%	50.0% #1E2A33	RGB 30 42 51	#1E2A33
66.7%	66.7% #15262C	RGB 21 38 44	#15262C
83.3%	83.3% #0D2425	RGB 13 36 37	#0D2425
100.0%	100.0% #071F1C	RGB 7 31 28	#071F1C

#464648 #373941 #2A303A #1E2A33 #15262C #0D2425 #071F1C

#464648 - #1E2A33 - #071F1C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464648 0%, #1E2A33 50%, #071F1C 100%);
    background: -webkit-linear-gradient(top, #464648 0%, #1E2A33 50%, #071F1C 100%);
    background: linear-gradient(to bottom, #464648 0%, #1E2A33 50%, #071F1C 100%);
}
</style>