#5E6D9F - #1D2561 | 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 #5E6D9F to #1D2561

#5E6D9F #1D2561

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

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

0.0%	0.0% #5E6D9F	RGB 94 109 159	#5E6D9F
16.7%	16.7% #536194	RGB 83 97 148	#536194
33.3%	33.3% #48558A	RGB 72 85 138	#48558A
50.0%	50.0% #3D4980	RGB 61 73 128	#3D4980
66.7%	66.7% #323D75	RGB 50 61 117	#323D75
83.3%	83.3% #27316B	RGB 39 49 107	#27316B
100.0%	100.0% #1D2561	RGB 29 37 97	#1D2561

#5E6D9F #536194 #48558A #3D4980 #323D75 #27316B #1D2561

#5E6D9F - #1D2561

HSV Blend

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

0.0%	0.0% #5E6D9F	RGB 94 109 159	#5E6D9F
16.7%	16.7% #505F94	RGB 80 95 148	#505F94
33.3%	33.3% #44518A	RGB 68 81 138	#44518A
50.0%	50.0% #384580	RGB 56 69 128	#384580
66.7%	66.7% #2E3975	RGB 46 57 117	#2E3975
83.3%	83.3% #252E6B	RGB 37 46 107	#252E6B
100.0%	100.0% #1D2561	RGB 29 37 97	#1D2561

#5E6D9F #505F94 #44518A #384580 #2E3975 #252E6B #1D2561

#5E6D9F - #384580 - #1D2561

CSS codes

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

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