#3A4B5E - #6178C8 | 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 #6178C8

#3A4B5E #6178C8

Calculate the color between two colors, #3A4B5E and #6178C8. 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 - #6178C8 | 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 #6178C8 as 100%.

0.0%	0.0% #3A4B5E	RGB 58 75 94	#3A4B5E
16.7%	16.7% #40526F	RGB 64 82 111	#40526F
33.3%	33.3% #475A81	RGB 71 90 129	#475A81
50.0%	50.0% #4D6193	RGB 77 97 147	#4D6193
66.7%	66.7% #5469A4	RGB 84 105 164	#5469A4
83.3%	83.3% #5A70B6	RGB 90 112 182	#5A70B6
100.0%	100.0% #6178C8	RGB 97 120 200	#6178C8

#3A4B5E #40526F #475A81 #4D6193 #5469A4 #5A70B6 #6178C8

#3A4B5E - #6178C8

HSV Blend

#3A4B5E - #6178C8 | 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 #6178C8 as 100%.

0.0%	0.0% #3A4A5E	RGB 58 74 94	#3A4A5E
16.7%	16.7% #42556F	RGB 66 85 111	#42556F
33.3%	33.3% #4A5F81	RGB 74 95 129	#4A5F81
50.0%	50.0% #506793	RGB 80 103 147	#506793
66.7%	66.7% #576EA4	RGB 87 110 164	#576EA4
83.3%	83.3% #5C74B6	RGB 92 116 182	#5C74B6
100.0%	100.0% #6178C8	RGB 97 120 200	#6178C8

#3A4A5E #42556F #4A5F81 #506793 #576EA4 #5C74B6 #6178C8

#3A4B5E - #506793 - #6178C8

CSS codes

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

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