#3C474D - #071B08 | 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 #3C474D to #071B08

#3C474D #071B08

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

#3C474D - #071B08 | 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 #3C474D as 0% and #071B08 as 100%.

0.0%	0.0% #3C474D	RGB 60 71 77	#3C474D
16.7%	16.7% #333F41	RGB 51 63 65	#333F41
33.3%	33.3% #2A3836	RGB 42 56 54	#2A3836
50.0%	50.0% #21312A	RGB 33 49 42	#21312A
66.7%	66.7% #18291F	RGB 24 41 31	#18291F
83.3%	83.3% #0F2213	RGB 15 34 19	#0F2213
100.0%	100.0% #071B08	RGB 7 27 8	#071B08

#3C474D #333F41 #2A3836 #21312A #18291F #0F2213 #071B08

#3C474D - #071B08

HSV Blend

#3C474D - #071B08 | 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 #3C474D as 0% and #071B08 as 100%.

0.0%	0.0% #3C474D	RGB 60 71 77	#3C474D
16.7%	16.7% #2F4144	RGB 47 65 68	#2F4144
33.3%	33.3% #243C3A	RGB 36 60 58	#243C3A
50.0%	50.0% #1B342C	RGB 27 52 44	#1B342C
66.7%	66.7% #122B1E	RGB 18 43 30	#122B1E
83.3%	83.3% #0C2312	RGB 12 35 18	#0C2312
100.0%	100.0% #071B08	RGB 7 27 8	#071B08

#3C474D #2F4144 #243C3A #1B342C #122B1E #0C2312 #071B08

#3C474D - #1B342C - #071B08

CSS codes

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

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