#5E68A8 - #1C2A53 | 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 #5E68A8 to #1C2A53

#5E68A8 #1C2A53

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

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

0.0%	0.0% #5E68A8	RGB 94 104 168	#5E68A8
16.7%	16.7% #535D99	RGB 83 93 153	#535D99
33.3%	33.3% #48538B	RGB 72 83 139	#48538B
50.0%	50.0% #3D497D	RGB 61 73 125	#3D497D
66.7%	66.7% #323E6F	RGB 50 62 111	#323E6F
83.3%	83.3% #273461	RGB 39 52 97	#273461
100.0%	100.0% #1C2A53	RGB 28 42 83	#1C2A53

#5E68A8 #535D99 #48538B #3D497D #323E6F #273461 #1C2A53

#5E68A8 - #1C2A53

HSV Blend

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

0.0%	0.0% #5E68A8	RGB 94 104 168	#5E68A8
16.7%	16.7% #505B99	RGB 80 91 153	#505B99
33.3%	33.3% #43508B	RGB 67 80 139	#43508B
50.0%	50.0% #38457D	RGB 56 69 125	#38457D
66.7%	66.7% #2D3B6F	RGB 45 59 111	#2D3B6F
83.3%	83.3% #243261	RGB 36 50 97	#243261
100.0%	100.0% #1C2A53	RGB 28 42 83	#1C2A53

#5E68A8 #505B99 #43508B #38457D #2D3B6F #243261 #1C2A53

#5E68A8 - #38457D - #1C2A53

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E68A8 0%, #38457D 50%, #1C2A53 100%);
    background: -webkit-linear-gradient(top, #5E68A8 0%, #38457D 50%, #1C2A53 100%);
    background: linear-gradient(to bottom, #5E68A8 0%, #38457D 50%, #1C2A53 100%);
}
</style>