#5E7CCD - #1D327E | 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 #5E7CCD to #1D327E

#5E7CCD #1D327E

Calculate the color between two colors, #5E7CCD and #1D327E. 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)

#5E7CCD - #1D327E | 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 #5E7CCD as 0% and #1D327E as 100%.

0.0%	0.0% #5E7CCD	RGB 94 124 205	#5E7CCD
16.7%	16.7% #536FBF	RGB 83 111 191	#536FBF
33.3%	33.3% #4863B2	RGB 72 99 178	#4863B2
50.0%	50.0% #3D57A5	RGB 61 87 165	#3D57A5
66.7%	66.7% #324A98	RGB 50 74 152	#324A98
83.3%	83.3% #273E8B	RGB 39 62 139	#273E8B
100.0%	100.0% #1D327E	RGB 29 50 126	#1D327E

#5E7CCD #536FBF #4863B2 #3D57A5 #324A98 #273E8B #1D327E

#5E7CCD - #1D327E

HSV Blend

#5E7CCD - #1D327E | 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 #5E7CCD as 0% and #1D327E as 100%.

0.0%	0.0% #5E7CCD	RGB 94 124 205	#5E7CCD
16.7%	16.7% #506DBF	RGB 80 109 191	#506DBF
33.3%	33.3% #4460B2	RGB 68 96 178	#4460B2
50.0%	50.0% #3853A5	RGB 56 83 165	#3853A5
66.7%	66.7% #2E4798	RGB 46 71 152	#2E4798
83.3%	83.3% #253C8B	RGB 37 60 139	#253C8B
100.0%	100.0% #1D327E	RGB 29 50 126	#1D327E

#5E7CCD #506DBF #4460B2 #3853A5 #2E4798 #253C8B #1D327E

#5E7CCD - #3853A5 - #1D327E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7CCD 0%, #3853A5 50%, #1D327E 100%);
    background: -webkit-linear-gradient(top, #5E7CCD 0%, #3853A5 50%, #1D327E 100%);
    background: linear-gradient(to bottom, #5E7CCD 0%, #3853A5 50%, #1D327E 100%);
}
</style>