#1D2D5E - #5B7196 | 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 #1D2D5E to #5B7196

#1D2D5E #5B7196

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

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

0.0%	0.0% #1D2D5E	RGB 29 45 94	#1D2D5E
16.7%	16.7% #273867	RGB 39 56 103	#273867
33.3%	33.3% #314370	RGB 49 67 112	#314370
50.0%	50.0% #3C4F7A	RGB 60 79 122	#3C4F7A
66.7%	66.7% #465A83	RGB 70 90 131	#465A83
83.3%	83.3% #50658C	RGB 80 101 140	#50658C
100.0%	100.0% #5B7196	RGB 91 113 150	#5B7196

#1D2D5E #273867 #314370 #3C4F7A #465A83 #50658C #5B7196

#1D2D5E - #5B7196

HSV Blend

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

0.0%	0.0% #1D2C5E	RGB 29 44 94	#1D2C5E
16.7%	16.7% #253667	RGB 37 54 103	#253667
33.3%	33.3% #2D4170	RGB 45 65 112	#2D4170
50.0%	50.0% #374C7A	RGB 55 76 122	#374C7A
66.7%	66.7% #425883	RGB 66 88 131	#425883
83.3%	83.3% #4E648C	RGB 78 100 140	#4E648C
100.0%	100.0% #5B7196	RGB 91 113 150	#5B7196

#1D2C5E #253667 #2D4170 #374C7A #425883 #4E648C #5B7196

#1D2D5E - #374C7A - #5B7196

CSS codes

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

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