#1E4E5E - #111512 | 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 #1E4E5E to #111512

#1E4E5E #111512

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

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

0.0%	0.0% #1E4E5E	RGB 30 78 94	#1E4E5E
16.7%	16.7% #1B4451	RGB 27 68 81	#1B4451
33.3%	33.3% #193B44	RGB 25 59 68	#193B44
50.0%	50.0% #173138	RGB 23 49 56	#173138
66.7%	66.7% #15282B	RGB 21 40 43	#15282B
83.3%	83.3% #131E1E	RGB 19 30 30	#131E1E
100.0%	100.0% #111512	RGB 17 21 18	#111512

#1E4E5E #1B4451 #193B44 #173138 #15282B #131E1E #111512

#1E4E5E - #111512

HSV Blend

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

0.0%	0.0% #1E4D5E	RGB 30 77 94	#1E4D5E
16.7%	16.7% #204D51	RGB 32 77 81	#204D51
33.3%	33.3% #214542	RGB 33 69 66	#214542
50.0%	50.0% #203933	RGB 32 57 51	#203933
66.7%	66.7% #1D2D26	RGB 29 45 38	#1D2D26
83.3%	83.3% #18211B	RGB 24 33 27	#18211B
100.0%	100.0% #111512	RGB 17 21 18	#111512

#1E4D5E #204D51 #214542 #203933 #1D2D26 #18211B #111512

#1E4E5E - #203933 - #111512

CSS codes

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

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