#003EB6 - #1C1A41 | 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 #003EB6 to #1C1A41

#003EB6 #1C1A41

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

#003EB6 - #1C1A41 | 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 #003EB6 as 0% and #1C1A41 as 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #0438A2	RGB 4 56 162	#0438A2
33.3%	33.3% #09328F	RGB 9 50 143	#09328F
50.0%	50.0% #0E2C7B	RGB 14 44 123	#0E2C7B
66.7%	66.7% #122668	RGB 18 38 104	#122668
83.3%	83.3% #172054	RGB 23 32 84	#172054
100.0%	100.0% #1C1A41	RGB 28 26 65	#1C1A41

#003EB6 #0438A2 #09328F #0E2C7B #122668 #172054 #1C1A41

#003EB6 - #1C1A41

HSV Blend

#003EB6 - #1C1A41 | 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 #003EB6 as 0% and #1C1A41 as 100%.

0.0%	0.0% #003EB6	RGB 0 62 182	#003EB6
16.7%	16.7% #0A34A2	RGB 10 52 162	#0A34A2
33.3%	33.3% #132D8F	RGB 19 45 143	#132D8F
50.0%	50.0% #18267B	RGB 24 38 123	#18267B
66.7%	66.7% #1B2168	RGB 27 33 104	#1B2168
83.3%	83.3% #1C1C54	RGB 28 28 84	#1C1C54
100.0%	100.0% #1C1A41	RGB 28 26 65	#1C1A41

#003EB6 #0A34A2 #132D8F #18267B #1B2168 #1C1C54 #1C1A41

#003EB6 - #18267B - #1C1A41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003EB6 0%, #18267B 50%, #1C1A41 100%);
    background: -webkit-linear-gradient(top, #003EB6 0%, #18267B 50%, #1C1A41 100%);
    background: linear-gradient(to bottom, #003EB6 0%, #18267B 50%, #1C1A41 100%);
}
</style>