#001330 - #1E4C71 | 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 #001330 to #1E4C71

#001330 #1E4C71

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

#001330 - #1E4C71 | 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 #001330 as 0% and #1E4C71 as 100%.

0.0%	0.0% #001330	RGB 0 19 48	#001330
16.7%	16.7% #051C3A	RGB 5 28 58	#051C3A
33.3%	33.3% #0A2645	RGB 10 38 69	#0A2645
50.0%	50.0% #0F2F50	RGB 15 47 80	#0F2F50
66.7%	66.7% #14395B	RGB 20 57 91	#14395B
83.3%	83.3% #194266	RGB 25 66 102	#194266
100.0%	100.0% #1E4C71	RGB 30 76 113	#1E4C71

#001330 #051C3A #0A2645 #0F2F50 #14395B #194266 #1E4C71

#001330 - #1E4C71

HSV Blend

#001330 - #1E4C71 | 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 #001330 as 0% and #1E4C71 as 100%.

0.0%	0.0% #001230	RGB 0 18 48	#001230
16.7%	16.7% #021A3A	RGB 2 26 58	#021A3A
33.3%	33.3% #062245	RGB 6 34 69	#062245
50.0%	50.0% #0A2B50	RGB 10 43 80	#0A2B50
66.7%	66.7% #10355B	RGB 16 53 91	#10355B
83.3%	83.3% #164066	RGB 22 64 102	#164066
100.0%	100.0% #1E4C71	RGB 30 76 113	#1E4C71

#001230 #021A3A #062245 #0A2B50 #10355B #164066 #1E4C71

#001330 - #0A2B50 - #1E4C71

CSS codes

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

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