#5E68A0 - #1C2B4B | 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 #5E68A0 to #1C2B4B

#5E68A0 #1C2B4B

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

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

0.0%	0.0% #5E68A0	RGB 94 104 160	#5E68A0
16.7%	16.7% #535D91	RGB 83 93 145	#535D91
33.3%	33.3% #485383	RGB 72 83 131	#485383
50.0%	50.0% #3D4975	RGB 61 73 117	#3D4975
66.7%	66.7% #323F67	RGB 50 63 103	#323F67
83.3%	83.3% #273559	RGB 39 53 89	#273559
100.0%	100.0% #1C2B4B	RGB 28 43 75	#1C2B4B

#5E68A0 #535D91 #485383 #3D4975 #323F67 #273559 #1C2B4B

#5E68A0 - #1C2B4B

HSV Blend

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

0.0%	0.0% #5E68A0	RGB 94 104 160	#5E68A0
16.7%	16.7% #505C91	RGB 80 92 145	#505C91
33.3%	33.3% #435183	RGB 67 81 131	#435183
50.0%	50.0% #384675	RGB 56 70 117	#384675
66.7%	66.7% #2D3D67	RGB 45 61 103	#2D3D67
83.3%	83.3% #243359	RGB 36 51 89	#243359
100.0%	100.0% #1C2B4B	RGB 28 43 75	#1C2B4B

#5E68A0 #505C91 #435183 #384675 #2D3D67 #243359 #1C2B4B

#5E68A0 - #384675 - #1C2B4B

CSS codes

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

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