#3C3C3E - #001A28 | 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 #3C3C3E to #001A28

#3C3C3E #001A28

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

#3C3C3E - #001A28 | 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 #3C3C3E as 0% and #001A28 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #32363A	RGB 50 54 58	#32363A
33.3%	33.3% #283036	RGB 40 48 54	#283036
50.0%	50.0% #1E2B33	RGB 30 43 51	#1E2B33
66.7%	66.7% #14252F	RGB 20 37 47	#14252F
83.3%	83.3% #0A1F2B	RGB 10 31 43	#0A1F2B
100.0%	100.0% #001A28	RGB 0 26 40	#001A28

#3C3C3E #32363A #283036 #1E2B33 #14252F #0A1F2B #001A28

#3C3C3E - #001A28

HSV Blend

#3C3C3E - #001A28 | 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 #3C3C3E as 0% and #001A28 as 100%.

0.0%	0.0% #3C3C3E	RGB 60 60 62	#3C3C3E
16.7%	16.7% #2F303A	RGB 47 48 58	#2F303A
33.3%	33.3% #232736	RGB 35 39 54	#232736
50.0%	50.0% #182133	RGB 24 33 51	#182133
66.7%	66.7% #0F1D2F	RGB 15 29 47	#0F1D2F
83.3%	83.3% #071A2B	RGB 7 26 43	#071A2B
100.0%	100.0% #001A28	RGB 0 26 40	#001A28

#3C3C3E #2F303A #232736 #182133 #0F1D2F #071A2B #001A28

#3C3C3E - #182133 - #001A28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3C3E 0%, #182133 50%, #001A28 100%);
    background: -webkit-linear-gradient(top, #3C3C3E 0%, #182133 50%, #001A28 100%);
    background: linear-gradient(to bottom, #3C3C3E 0%, #182133 50%, #001A28 100%);
}
</style>