#3C495E - #5E98D2 | 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 #3C495E to #5E98D2

#3C495E #5E98D2

Calculate the color between two colors, #3C495E and #5E98D2. 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)

#3C495E - #5E98D2 | 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 #3C495E as 0% and #5E98D2 as 100%.

0.0%	0.0% #3C495E	RGB 60 73 94	#3C495E
16.7%	16.7% #415671	RGB 65 86 113	#415671
33.3%	33.3% #476384	RGB 71 99 132	#476384
50.0%	50.0% #4D7098	RGB 77 112 152	#4D7098
66.7%	66.7% #527DAB	RGB 82 125 171	#527DAB
83.3%	83.3% #588ABE	RGB 88 138 190	#588ABE
100.0%	100.0% #5E98D2	RGB 94 152 210	#5E98D2

#3C495E #415671 #476384 #4D7098 #527DAB #588ABE #5E98D2

#3C495E - #5E98D2

HSV Blend

#3C495E - #5E98D2 | 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 #3C495E as 0% and #5E98D2 as 100%.

0.0%	0.0% #3C495E	RGB 60 73 94	#3C495E
16.7%	16.7% #445671	RGB 68 86 113	#445671
33.3%	33.3% #4C6484	RGB 76 100 132	#4C6484
50.0%	50.0% #527198	RGB 82 113 152	#527198
66.7%	66.7% #577EAB	RGB 87 126 171	#577EAB
83.3%	83.3% #5B8BBE	RGB 91 139 190	#5B8BBE
100.0%	100.0% #5E98D2	RGB 94 152 210	#5E98D2

#3C495E #445671 #4C6484 #527198 #577EAB #5B8BBE #5E98D2

#3C495E - #527198 - #5E98D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C495E 0%, #527198 50%, #5E98D2 100%);
    background: -webkit-linear-gradient(top, #3C495E 0%, #527198 50%, #5E98D2 100%);
    background: linear-gradient(to bottom, #3C495E 0%, #527198 50%, #5E98D2 100%);
}
</style>