#003E6B - #1E201B | 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 #003E6B to #1E201B

#003E6B #1E201B

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

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

0.0%	0.0% #003E6B	RGB 0 62 107	#003E6B
16.7%	16.7% #05395D	RGB 5 57 93	#05395D
33.3%	33.3% #0A3450	RGB 10 52 80	#0A3450
50.0%	50.0% #0F2F43	RGB 15 47 67	#0F2F43
66.7%	66.7% #142A35	RGB 20 42 53	#142A35
83.3%	83.3% #192528	RGB 25 37 40	#192528
100.0%	100.0% #1E201B	RGB 30 32 27	#1E201B

#003E6B #05395D #0A3450 #0F2F43 #142A35 #192528 #1E201B

#003E6B - #1E201B

HSV Blend

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

0.0%	0.0% #003E6B	RGB 0 62 107	#003E6B
16.7%	16.7% #0D575E	RGB 13 87 94	#0D575E
33.3%	33.3% #175243	RGB 23 82 67	#175243
50.0%	50.0% #1D452D	RGB 29 69 45	#1D452D
66.7%	66.7% #203921	RGB 32 57 33	#203921
83.3%	83.3% #222C1F	RGB 34 44 31	#222C1F
100.0%	100.0% #1E201B	RGB 30 32 27	#1E201B

#003E6B #0D575E #175243 #1D452D #203921 #222C1F #1E201B

#003E6B - #1D452D - #1E201B

CSS codes

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

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