#3E596D - #1A2123 | 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 #3E596D to #1A2123

#3E596D #1A2123

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

#3E596D - #1A2123 | 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 #3E596D as 0% and #1A2123 as 100%.

0.0%	0.0% #3E596D	RGB 62 89 109	#3E596D
16.7%	16.7% #384F60	RGB 56 79 96	#384F60
33.3%	33.3% #324654	RGB 50 70 84	#324654
50.0%	50.0% #2C3D48	RGB 44 61 72	#2C3D48
66.7%	66.7% #26333B	RGB 38 51 59	#26333B
83.3%	83.3% #202A2F	RGB 32 42 47	#202A2F
100.0%	100.0% #1A2123	RGB 26 33 35	#1A2123

#3E596D #384F60 #324654 #2C3D48 #26333B #202A2F #1A2123

#3E596D - #1A2123

HSV Blend

#3E596D - #1A2123 | 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 #3E596D as 0% and #1A2123 as 100%.

0.0%	0.0% #3E586D	RGB 62 88 109	#3E586D
16.7%	16.7% #395160	RGB 57 81 96	#395160
33.3%	33.3% #344954	RGB 52 73 84	#344954
50.0%	50.0% #2F3F48	RGB 47 63 72	#2F3F48
66.7%	66.7% #28363B	RGB 40 54 59	#28363B
83.3%	83.3% #212B2F	RGB 33 43 47	#212B2F
100.0%	100.0% #1A2123	RGB 26 33 35	#1A2123

#3E586D #395160 #344954 #2F3F48 #28363B #212B2F #1A2123

#3E596D - #2F3F48 - #1A2123

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E586D 0%, #2F3F48 50%, #1A2123 100%);
    background: -webkit-linear-gradient(top, #3E586D 0%, #2F3F48 50%, #1A2123 100%);
    background: linear-gradient(to bottom, #3E586D 0%, #2F3F48 50%, #1A2123 100%);
}
</style>