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

#0E3E5E #171412

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

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

0.0%	0.0% #0E3E5E	RGB 14 62 94	#0E3E5E
16.7%	16.7% #0F3751	RGB 15 55 81	#0F3751
33.3%	33.3% #113044	RGB 17 48 68	#113044
50.0%	50.0% #122938	RGB 18 41 56	#122938
66.7%	66.7% #14222B	RGB 20 34 43	#14222B
83.3%	83.3% #151B1E	RGB 21 27 30	#151B1E
100.0%	100.0% #171412	RGB 23 20 18	#171412

#0E3E5E #0F3751 #113044 #122938 #14222B #151B1E #171412

#0E3E5E - #171412

HSV Blend

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

0.0%	0.0% #0D3E5E	RGB 13 62 94	#0D3E5E
16.7%	16.7% #14524C	RGB 20 82 76	#14524C
33.3%	33.3% #19462B	RGB 25 70 43	#19462B
50.0%	50.0% #1E3A1B	RGB 30 58 27	#1E3A1B
66.7%	66.7% #262E1A	RGB 38 46 26	#262E1A
83.3%	83.3% #222117	RGB 34 33 23	#222117
100.0%	100.0% #171412	RGB 23 20 18	#171412

#0D3E5E #14524C #19462B #1E3A1B #262E1A #222117 #171412

#0E3E5E - #1E3A1B - #171412

CSS codes

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

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