#111827 - #3C4D5E | 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 #111827 to #3C4D5E

#111827 #3C4D5E

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

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

0.0%	0.0% #111827	RGB 17 24 39	#111827
16.7%	16.7% #182030	RGB 24 32 48	#182030
33.3%	33.3% #1F2939	RGB 31 41 57	#1F2939
50.0%	50.0% #263242	RGB 38 50 66	#263242
66.7%	66.7% #2D3B4B	RGB 45 59 75	#2D3B4B
83.3%	83.3% #344454	RGB 52 68 84	#344454
100.0%	100.0% #3C4D5E	RGB 60 77 94	#3C4D5E

#111827 #182030 #1F2939 #263242 #2D3B4B #344454 #3C4D5E

#111827 - #3C4D5E

HSV Blend

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

0.0%	0.0% #111827	RGB 17 24 39	#111827
16.7%	16.7% #161F30	RGB 22 31 48	#161F30
33.3%	33.3% #1C2739	RGB 28 39 57	#1C2739
50.0%	50.0% #233042	RGB 35 48 66	#233042
66.7%	66.7% #2B394B	RGB 43 57 75	#2B394B
83.3%	83.3% #334354	RGB 51 67 84	#334354
100.0%	100.0% #3C4D5E	RGB 60 77 94	#3C4D5E

#111827 #161F30 #1C2739 #233042 #2B394B #334354 #3C4D5E

#111827 - #233042 - #3C4D5E

CSS codes

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

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