#3A4B5E - #051D3B | 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 #3A4B5E to #051D3B

#3A4B5E #051D3B

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

#3A4B5E - #051D3B | 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 #3A4B5E as 0% and #051D3B as 100%.

0.0%	0.0% #3A4B5E	RGB 58 75 94	#3A4B5E
16.7%	16.7% #314358	RGB 49 67 88	#314358
33.3%	33.3% #283B52	RGB 40 59 82	#283B52
50.0%	50.0% #1F344C	RGB 31 52 76	#1F344C
66.7%	66.7% #162C46	RGB 22 44 70	#162C46
83.3%	83.3% #0D2440	RGB 13 36 64	#0D2440
100.0%	100.0% #051D3B	RGB 5 29 59	#051D3B

#3A4B5E #314358 #283B52 #1F344C #162C46 #0D2440 #051D3B

#3A4B5E - #051D3B

HSV Blend

#3A4B5E - #051D3B | 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 #3A4B5E as 0% and #051D3B as 100%.

0.0%	0.0% #3A4A5E	RGB 58 74 94	#3A4A5E
16.7%	16.7% #2E4258	RGB 46 66 88	#2E4258
33.3%	33.3% #243952	RGB 36 57 82	#243952
50.0%	50.0% #1A314C	RGB 26 49 76	#1A314C
66.7%	66.7% #122A46	RGB 18 42 70	#122A46
83.3%	83.3% #0B2340	RGB 11 35 64	#0B2340
100.0%	100.0% #051D3B	RGB 5 29 59	#051D3B

#3A4A5E #2E4258 #243952 #1A314C #122A46 #0B2340 #051D3B

#3A4B5E - #1A314C - #051D3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A4A5E 0%, #1A314C 50%, #051D3B 100%);
    background: -webkit-linear-gradient(top, #3A4A5E 0%, #1A314C 50%, #051D3B 100%);
    background: linear-gradient(to bottom, #3A4A5E 0%, #1A314C 50%, #051D3B 100%);
}
</style>