#1E3E5E - #0A1612 | 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 #1E3E5E to #0A1612

#1E3E5E #0A1612

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

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

0.0%	0.0% #1E3E5E	RGB 30 62 94	#1E3E5E
16.7%	16.7% #1A3751	RGB 26 55 81	#1A3751
33.3%	33.3% #173044	RGB 23 48 68	#173044
50.0%	50.0% #142A38	RGB 20 42 56	#142A38
66.7%	66.7% #10232B	RGB 16 35 43	#10232B
83.3%	83.3% #0D1C1E	RGB 13 28 30	#0D1C1E
100.0%	100.0% #0A1612	RGB 10 22 18	#0A1612

#1E3E5E #1A3751 #173044 #142A38 #10232B #0D1C1E #0A1612

#1E3E5E - #0A1612

HSV Blend

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

0.0%	0.0% #1E3E5E	RGB 30 62 94	#1E3E5E
16.7%	16.7% #1C3E52	RGB 28 62 82	#1C3E52
33.3%	33.3% #193C46	RGB 25 60 70	#193C46
50.0%	50.0% #16373A	RGB 22 55 58	#16373A
66.7%	66.7% #122E2C	RGB 18 46 44	#122E2C
83.3%	83.3% #0E221E	RGB 14 34 30	#0E221E
100.0%	100.0% #0A1612	RGB 10 22 18	#0A1612

#1E3E5E #1C3E52 #193C46 #16373A #122E2C #0E221E #0A1612

#1E3E5E - #16373A - #0A1612

CSS codes

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

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