#3E4C5E - #6483CD | 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 #3E4C5E to #6483CD

#3E4C5E #6483CD

Calculate the color between two colors, #3E4C5E and #6483CD. 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)

#3E4C5E - #6483CD | 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 #3E4C5E as 0% and #6483CD as 100%.

0.0%	0.0% #3E4C5E	RGB 62 76 94	#3E4C5E
16.7%	16.7% #445570	RGB 68 85 112	#445570
33.3%	33.3% #4A5E83	RGB 74 94 131	#4A5E83
50.0%	50.0% #516795	RGB 81 103 149	#516795
66.7%	66.7% #5770A8	RGB 87 112 168	#5770A8
83.3%	83.3% #5D79BA	RGB 93 121 186	#5D79BA
100.0%	100.0% #6483CD	RGB 100 131 205	#6483CD

#3E4C5E #445570 #4A5E83 #516795 #5770A8 #5D79BA #6483CD

#3E4C5E - #6483CD

HSV Blend

#3E4C5E - #6483CD | 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 #3E4C5E as 0% and #6483CD as 100%.

0.0%	0.0% #3E4C5E	RGB 62 76 94	#3E4C5E
16.7%	16.7% #465870	RGB 70 88 112	#465870
33.3%	33.3% #4E6383	RGB 78 99 131	#4E6383
50.0%	50.0% #556D95	RGB 85 109 149	#556D95
66.7%	66.7% #5B75A8	RGB 91 117 168	#5B75A8
83.3%	83.3% #607DBA	RGB 96 125 186	#607DBA
100.0%	100.0% #6483CD	RGB 100 131 205	#6483CD

#3E4C5E #465870 #4E6383 #556D95 #5B75A8 #607DBA #6483CD

#3E4C5E - #556D95 - #6483CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4C5E 0%, #556D95 50%, #6483CD 100%);
    background: -webkit-linear-gradient(top, #3E4C5E 0%, #556D95 50%, #6483CD 100%);
    background: linear-gradient(to bottom, #3E4C5E 0%, #556D95 50%, #6483CD 100%);
}
</style>