#343E56 - #5E5EBC | 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 #343E56 to #5E5EBC

#343E56 #5E5EBC

Calculate the color between two colors, #343E56 and #5E5EBC. 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)

#343E56 - #5E5EBC | 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 #343E56 as 0% and #5E5EBC as 100%.

0.0%	0.0% #343E56	RGB 52 62 86	#343E56
16.7%	16.7% #3B4367	RGB 59 67 103	#3B4367
33.3%	33.3% #424878	RGB 66 72 120	#424878
50.0%	50.0% #494E89	RGB 73 78 137	#494E89
66.7%	66.7% #50539A	RGB 80 83 154	#50539A
83.3%	83.3% #5758AB	RGB 87 88 171	#5758AB
100.0%	100.0% #5E5EBC	RGB 94 94 188	#5E5EBC

#343E56 #3B4367 #424878 #494E89 #50539A #5758AB #5E5EBC

#343E56 - #5E5EBC

HSV Blend

#343E56 - #5E5EBC | 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 #343E56 as 0% and #5E5EBC as 100%.

0.0%	0.0% #343E56	RGB 52 62 86	#343E56
16.7%	16.7% #3C4667	RGB 60 70 103	#3C4667
33.3%	33.3% #444E78	RGB 68 78 120	#444E78
50.0%	50.0% #4B5489	RGB 75 84 137	#4B5489
66.7%	66.7% #52599A	RGB 82 89 154	#52599A
83.3%	83.3% #585CAB	RGB 88 92 171	#585CAB
100.0%	100.0% #5E5EBC	RGB 94 94 188	#5E5EBC

#343E56 #3C4667 #444E78 #4B5489 #52599A #585CAB #5E5EBC

#343E56 - #4B5489 - #5E5EBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #343E56 0%, #4B5489 50%, #5E5EBC 100%);
    background: -webkit-linear-gradient(top, #343E56 0%, #4B5489 50%, #5E5EBC 100%);
    background: linear-gradient(to bottom, #343E56 0%, #4B5489 50%, #5E5EBC 100%);
}
</style>