#1E2B5E - #0A1411 | 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 #1E2B5E to #0A1411

#1E2B5E #0A1411

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

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

0.0%	0.0% #1E2B5E	RGB 30 43 94	#1E2B5E
16.7%	16.7% #1A2751	RGB 26 39 81	#1A2751
33.3%	33.3% #172344	RGB 23 35 68	#172344
50.0%	50.0% #141F37	RGB 20 31 55	#141F37
66.7%	66.7% #101B2A	RGB 16 27 42	#101B2A
83.3%	83.3% #0D171D	RGB 13 23 29	#0D171D
100.0%	100.0% #0A1411	RGB 10 20 17	#0A1411

#1E2B5E #1A2751 #172344 #141F37 #101B2A #0D171D #0A1411

#1E2B5E - #0A1411

HSV Blend

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

0.0%	0.0% #1E2B5E	RGB 30 43 94	#1E2B5E
16.7%	16.7% #1C3151	RGB 28 49 81	#1C3151
33.3%	33.3% #1A3245	RGB 26 50 69	#1A3245
50.0%	50.0% #173039	RGB 23 48 57	#173039
66.7%	66.7% #132B2C	RGB 19 43 44	#132B2C
83.3%	83.3% #0F201E	RGB 15 32 30	#0F201E
100.0%	100.0% #0A1411	RGB 10 20 17	#0A1411

#1E2B5E #1C3151 #1A3245 #173039 #132B2C #0F201E #0A1411

#1E2B5E - #173039 - #0A1411

CSS codes

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

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