#384C5E - #5B97CE | 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 #384C5E to #5B97CE

#384C5E #5B97CE

Calculate the color between two colors, #384C5E and #5B97CE. 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)

#384C5E - #5B97CE | 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 #384C5E as 0% and #5B97CE as 100%.

0.0%	0.0% #384C5E	RGB 56 76 94	#384C5E
16.7%	16.7% #3D5870	RGB 61 88 112	#3D5870
33.3%	33.3% #436583	RGB 67 101 131	#436583
50.0%	50.0% #497196	RGB 73 113 150	#497196
66.7%	66.7% #4F7EA8	RGB 79 126 168	#4F7EA8
83.3%	83.3% #558ABB	RGB 85 138 187	#558ABB
100.0%	100.0% #5B97CE	RGB 91 151 206	#5B97CE

#384C5E #3D5870 #436583 #497196 #4F7EA8 #558ABB #5B97CE

#384C5E - #5B97CE

HSV Blend

#384C5E - #5B97CE | 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 #384C5E as 0% and #5B97CE as 100%.

0.0%	0.0% #384C5E	RGB 56 76 94	#384C5E
16.7%	16.7% #405970	RGB 64 89 112	#405970
33.3%	33.3% #476683	RGB 71 102 131	#476683
50.0%	50.0% #4D7396	RGB 77 115 150	#4D7396
66.7%	66.7% #537FA8	RGB 83 127 168	#537FA8
83.3%	83.3% #578BBB	RGB 87 139 187	#578BBB
100.0%	100.0% #5B97CE	RGB 91 151 206	#5B97CE

#384C5E #405970 #476683 #4D7396 #537FA8 #578BBB #5B97CE

#384C5E - #4D7396 - #5B97CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #384C5E 0%, #4D7396 50%, #5B97CE 100%);
    background: -webkit-linear-gradient(top, #384C5E 0%, #4D7396 50%, #5B97CE 100%);
    background: linear-gradient(to bottom, #384C5E 0%, #4D7396 50%, #5B97CE 100%);
}
</style>