#00245B - #326DA3 | 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 #00245B to #326DA3

#00245B #326DA3

Calculate the color between two colors, #00245B and #326DA3. 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)

#00245B - #326DA3 | 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 #00245B as 0% and #326DA3 as 100%.

0.0%	0.0% #00245B	RGB 0 36 91	#00245B
16.7%	16.7% #083067	RGB 8 48 103	#083067
33.3%	33.3% #103C73	RGB 16 60 115	#103C73
50.0%	50.0% #19487F	RGB 25 72 127	#19487F
66.7%	66.7% #21548B	RGB 33 84 139	#21548B
83.3%	83.3% #296097	RGB 41 96 151	#296097
100.0%	100.0% #326DA3	RGB 50 109 163	#326DA3

#00245B #083067 #103C73 #19487F #21548B #296097 #326DA3

#00245B - #326DA3

HSV Blend

#00245B - #326DA3 | 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 #00245B as 0% and #326DA3 as 100%.

0.0%	0.0% #00235B	RGB 0 35 91	#00235B
16.7%	16.7% #052D67	RGB 5 45 103	#052D67
33.3%	33.3% #0B3873	RGB 11 56 115	#0B3873
50.0%	50.0% #13447F	RGB 19 68 127	#13447F
66.7%	66.7% #1C518B	RGB 28 81 139	#1C518B
83.3%	83.3% #265E97	RGB 38 94 151	#265E97
100.0%	100.0% #326DA3	RGB 50 109 163	#326DA3

#00235B #052D67 #0B3873 #13447F #1C518B #265E97 #326DA3

#00245B - #13447F - #326DA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00235B 0%, #13447F 50%, #326DA3 100%);
    background: -webkit-linear-gradient(top, #00235B 0%, #13447F 50%, #326DA3 100%);
    background: linear-gradient(to bottom, #00235B 0%, #13447F 50%, #326DA3 100%);
}
</style>