#122D5E - #50749C | 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 #122D5E to #50749C

#122D5E #50749C

Calculate the color between two colors, #122D5E and #50749C. 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)

#122D5E - #50749C | 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 #122D5E as 0% and #50749C as 100%.

0.0%	0.0% #122D5E	RGB 18 45 94	#122D5E
16.7%	16.7% #1C3868	RGB 28 56 104	#1C3868
33.3%	33.3% #264472	RGB 38 68 114	#264472
50.0%	50.0% #31507D	RGB 49 80 125	#31507D
66.7%	66.7% #3B5C87	RGB 59 92 135	#3B5C87
83.3%	83.3% #456891	RGB 69 104 145	#456891
100.0%	100.0% #50749C	RGB 80 116 156	#50749C

#122D5E #1C3868 #264472 #31507D #3B5C87 #456891 #50749C

#122D5E - #50749C

HSV Blend

#122D5E - #50749C | 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 #122D5E as 0% and #50749C as 100%.

0.0%	0.0% #112C5E	RGB 17 44 94	#112C5E
16.7%	16.7% #193768	RGB 25 55 104	#193768
33.3%	33.3% #224172	RGB 34 65 114	#224172
50.0%	50.0% #2C4D7D	RGB 44 77 125	#2C4D7D
66.7%	66.7% #365987	RGB 54 89 135	#365987
83.3%	83.3% #426691	RGB 66 102 145	#426691
100.0%	100.0% #50749C	RGB 80 116 156	#50749C

#112C5E #193768 #224172 #2C4D7D #365987 #426691 #50749C

#122D5E - #2C4D7D - #50749C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #112C5E 0%, #2C4D7D 50%, #50749C 100%);
    background: -webkit-linear-gradient(top, #112C5E 0%, #2C4D7D 50%, #50749C 100%);
    background: linear-gradient(to bottom, #112C5E 0%, #2C4D7D 50%, #50749C 100%);
}
</style>