#00448B - #4E9ECE | 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 #00448B to #4E9ECE

#00448B #4E9ECE

Calculate the color between two colors, #00448B and #4E9ECE. 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)

#00448B - #4E9ECE | 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 #00448B as 0% and #4E9ECE as 100%.

0.0%	0.0% #00448B	RGB 0 68 139	#00448B
16.7%	16.7% #0D5396	RGB 13 83 150	#0D5396
33.3%	33.3% #1A62A1	RGB 26 98 161	#1A62A1
50.0%	50.0% #2771AC	RGB 39 113 172	#2771AC
66.7%	66.7% #3480B7	RGB 52 128 183	#3480B7
83.3%	83.3% #418FC2	RGB 65 143 194	#418FC2
100.0%	100.0% #4E9ECE	RGB 78 158 206	#4E9ECE

#00448B #0D5396 #1A62A1 #2771AC #3480B7 #418FC2 #4E9ECE

#00448B - #4E9ECE

HSV Blend

#00448B - #4E9ECE | 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 #00448B as 0% and #4E9ECE as 100%.

0.0%	0.0% #00448B	RGB 0 68 139	#00448B
16.7%	16.7% #095196	RGB 9 81 150	#095196
33.3%	33.3% #145FA1	RGB 20 95 161	#145FA1
50.0%	50.0% #206EAC	RGB 32 110 172	#206EAC
66.7%	66.7% #2E7DB7	RGB 46 125 183	#2E7DB7
83.3%	83.3% #3D8DC2	RGB 61 141 194	#3D8DC2
100.0%	100.0% #4E9ECE	RGB 78 158 206	#4E9ECE

#00448B #095196 #145FA1 #206EAC #2E7DB7 #3D8DC2 #4E9ECE

#00448B - #206EAC - #4E9ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00448B 0%, #206EAC 50%, #4E9ECE 100%);
    background: -webkit-linear-gradient(top, #00448B 0%, #206EAC 50%, #4E9ECE 100%);
    background: linear-gradient(to bottom, #00448B 0%, #206EAC 50%, #4E9ECE 100%);
}
</style>