#5E6BAF - #1C256A | 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 #5E6BAF to #1C256A

#5E6BAF #1C256A

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

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

0.0%	0.0% #5E6BAF	RGB 94 107 175	#5E6BAF
16.7%	16.7% #535FA3	RGB 83 95 163	#535FA3
33.3%	33.3% #485398	RGB 72 83 152	#485398
50.0%	50.0% #3D488C	RGB 61 72 140	#3D488C
66.7%	66.7% #323C81	RGB 50 60 129	#323C81
83.3%	83.3% #273075	RGB 39 48 117	#273075
100.0%	100.0% #1C256A	RGB 28 37 106	#1C256A

#5E6BAF #535FA3 #485398 #3D488C #323C81 #273075 #1C256A

#5E6BAF - #1C256A

HSV Blend

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

0.0%	0.0% #5E6BAF	RGB 94 107 175	#5E6BAF
16.7%	16.7% #505DA3	RGB 80 93 163	#505DA3
33.3%	33.3% #435098	RGB 67 80 152	#435098
50.0%	50.0% #38438C	RGB 56 67 140	#38438C
66.7%	66.7% #2D3881	RGB 45 56 129	#2D3881
83.3%	83.3% #242E75	RGB 36 46 117	#242E75
100.0%	100.0% #1C256A	RGB 28 37 106	#1C256A

#5E6BAF #505DA3 #435098 #38438C #2D3881 #242E75 #1C256A

#5E6BAF - #38438C - #1C256A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6BAF 0%, #38438C 50%, #1C256A 100%);
    background: -webkit-linear-gradient(top, #5E6BAF 0%, #38438C 50%, #1C256A 100%);
    background: linear-gradient(to bottom, #5E6BAF 0%, #38438C 50%, #1C256A 100%);
}
</style>