#5E77C8 - #1D2F77 | 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 #5E77C8 to #1D2F77

#5E77C8 #1D2F77

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

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

0.0%	0.0% #5E77C8	RGB 94 119 200	#5E77C8
16.7%	16.7% #536BBA	RGB 83 107 186	#536BBA
33.3%	33.3% #485FAD	RGB 72 95 173	#485FAD
50.0%	50.0% #3D539F	RGB 61 83 159	#3D539F
66.7%	66.7% #324792	RGB 50 71 146	#324792
83.3%	83.3% #273B84	RGB 39 59 132	#273B84
100.0%	100.0% #1D2F77	RGB 29 47 119	#1D2F77

#5E77C8 #536BBA #485FAD #3D539F #324792 #273B84 #1D2F77

#5E77C8 - #1D2F77

HSV Blend

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

0.0%	0.0% #5E77C8	RGB 94 119 200	#5E77C8
16.7%	16.7% #5068BA	RGB 80 104 186	#5068BA
33.3%	33.3% #445BAD	RGB 68 91 173	#445BAD
50.0%	50.0% #384F9F	RGB 56 79 159	#384F9F
66.7%	66.7% #2E4392	RGB 46 67 146	#2E4392
83.3%	83.3% #253884	RGB 37 56 132	#253884
100.0%	100.0% #1D2F77	RGB 29 47 119	#1D2F77

#5E77C8 #5068BA #445BAD #384F9F #2E4392 #253884 #1D2F77

#5E77C8 - #384F9F - #1D2F77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E77C8 0%, #384F9F 50%, #1D2F77 100%);
    background: -webkit-linear-gradient(top, #5E77C8 0%, #384F9F 50%, #1D2F77 100%);
    background: linear-gradient(to bottom, #5E77C8 0%, #384F9F 50%, #1D2F77 100%);
}
</style>