#112027 - #3C5A5E | 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 #112027 to #3C5A5E

#112027 #3C5A5E

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

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

0.0%	0.0% #112027	RGB 17 32 39	#112027
16.7%	16.7% #182930	RGB 24 41 48	#182930
33.3%	33.3% #1F3339	RGB 31 51 57	#1F3339
50.0%	50.0% #263D42	RGB 38 61 66	#263D42
66.7%	66.7% #2D464B	RGB 45 70 75	#2D464B
83.3%	83.3% #345054	RGB 52 80 84	#345054
100.0%	100.0% #3C5A5E	RGB 60 90 94	#3C5A5E

#112027 #182930 #1F3339 #263D42 #2D464B #345054 #3C5A5E

#112027 - #3C5A5E

HSV Blend

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

0.0%	0.0% #112027	RGB 17 32 39	#112027
16.7%	16.7% #162830	RGB 22 40 48	#162830
33.3%	33.3% #1C3239	RGB 28 50 57	#1C3239
50.0%	50.0% #233B42	RGB 35 59 66	#233B42
66.7%	66.7% #2B454B	RGB 43 69 75	#2B454B
83.3%	83.3% #334F54	RGB 51 79 84	#334F54
100.0%	100.0% #3C5A5E	RGB 60 90 94	#3C5A5E

#112027 #162830 #1C3239 #233B42 #2B454B #334F54 #3C5A5E

#112027 - #233B42 - #3C5A5E

CSS codes

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

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