#3E4E5D - #629CCF | 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 #3E4E5D to #629CCF

#3E4E5D #629CCF

Calculate the color between two colors, #3E4E5D and #629CCF. 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)

#3E4E5D - #629CCF | 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 #3E4E5D as 0% and #629CCF as 100%.

0.0%	0.0% #3E4E5D	RGB 62 78 93	#3E4E5D
16.7%	16.7% #445B70	RGB 68 91 112	#445B70
33.3%	33.3% #4A6883	RGB 74 104 131	#4A6883
50.0%	50.0% #507596	RGB 80 117 150	#507596
66.7%	66.7% #5682A9	RGB 86 130 169	#5682A9
83.3%	83.3% #5C8FBC	RGB 92 143 188	#5C8FBC
100.0%	100.0% #629CCF	RGB 98 156 207	#629CCF

#3E4E5D #445B70 #4A6883 #507596 #5682A9 #5C8FBC #629CCF

#3E4E5D - #629CCF

HSV Blend

#3E4E5D - #629CCF | 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 #3E4E5D as 0% and #629CCF as 100%.

0.0%	0.0% #3E4E5D	RGB 62 78 93	#3E4E5D
16.7%	16.7% #475C70	RGB 71 92 112	#475C70
33.3%	33.3% #4E6A83	RGB 78 106 131	#4E6A83
50.0%	50.0% #557796	RGB 85 119 150	#557796
66.7%	66.7% #5A84A9	RGB 90 132 169	#5A84A9
83.3%	83.3% #5F90BC	RGB 95 144 188	#5F90BC
100.0%	100.0% #629CCF	RGB 98 156 207	#629CCF

#3E4E5D #475C70 #4E6A83 #557796 #5A84A9 #5F90BC #629CCF

#3E4E5D - #557796 - #629CCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4E5D 0%, #557796 50%, #629CCF 100%);
    background: -webkit-linear-gradient(top, #3E4E5D 0%, #557796 50%, #629CCF 100%);
    background: linear-gradient(to bottom, #3E4E5D 0%, #557796 50%, #629CCF 100%);
}
</style>