#5D6B9F - #1D2D4B | 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 #5D6B9F to #1D2D4B

#5D6B9F #1D2D4B

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

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

0.0%	0.0% #5D6B9F	RGB 93 107 159	#5D6B9F
16.7%	16.7% #526091	RGB 82 96 145	#526091
33.3%	33.3% #475683	RGB 71 86 131	#475683
50.0%	50.0% #3D4C75	RGB 61 76 117	#3D4C75
66.7%	66.7% #324167	RGB 50 65 103	#324167
83.3%	83.3% #273759	RGB 39 55 89	#273759
100.0%	100.0% #1D2D4B	RGB 29 45 75	#1D2D4B

#5D6B9F #526091 #475683 #3D4C75 #324167 #273759 #1D2D4B

#5D6B9F - #1D2D4B

HSV Blend

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

0.0%	0.0% #5D6B9F	RGB 93 107 159	#5D6B9F
16.7%	16.7% #505F91	RGB 80 95 145	#505F91
33.3%	33.3% #435483	RGB 67 84 131	#435483
50.0%	50.0% #384975	RGB 56 73 117	#384975
66.7%	66.7% #2E3F67	RGB 46 63 103	#2E3F67
83.3%	83.3% #253659	RGB 37 54 89	#253659
100.0%	100.0% #1D2D4B	RGB 29 45 75	#1D2D4B

#5D6B9F #505F91 #435483 #384975 #2E3F67 #253659 #1D2D4B

#5D6B9F - #384975 - #1D2D4B

CSS codes

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

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