#1E3B5E - #111514 | 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 #1E3B5E to #111514

#1E3B5E #111514

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

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

0.0%	0.0% #1E3B5E	RGB 30 59 94	#1E3B5E
16.7%	16.7% #1B3451	RGB 27 52 81	#1B3451
33.3%	33.3% #192E45	RGB 25 46 69	#192E45
50.0%	50.0% #172839	RGB 23 40 57	#172839
66.7%	66.7% #15212C	RGB 21 33 44	#15212C
83.3%	83.3% #131B20	RGB 19 27 32	#131B20
100.0%	100.0% #111514	RGB 17 21 20	#111514

#1E3B5E #1B3451 #192E45 #172839 #15212C #131B20 #111514

#1E3B5E - #111514

HSV Blend

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

0.0%	0.0% #1E3B5E	RGB 30 59 94	#1E3B5E
16.7%	16.7% #203D51	RGB 32 61 81	#203D51
33.3%	33.3% #213B45	RGB 33 59 69	#213B45
50.0%	50.0% #203539	RGB 32 53 57	#203539
66.7%	66.7% #1D2D2D	RGB 29 45 45	#1D2D2D
83.3%	83.3% #182120	RGB 24 33 32	#182120
100.0%	100.0% #111514	RGB 17 21 20	#111514

#1E3B5E #203D51 #213B45 #203539 #1D2D2D #182120 #111514

#1E3B5E - #203539 - #111514

CSS codes

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

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