#0F3E5E - #161412 | 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 #0F3E5E to #161412

#0F3E5E #161412

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

#0F3E5E - #161412 | 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 #0F3E5E as 0% and #161412 as 100%.

0.0%	0.0% #0F3E5E	RGB 15 62 94	#0F3E5E
16.7%	16.7% #103751	RGB 16 55 81	#103751
33.3%	33.3% #113044	RGB 17 48 68	#113044
50.0%	50.0% #122938	RGB 18 41 56	#122938
66.7%	66.7% #13222B	RGB 19 34 43	#13222B
83.3%	83.3% #141B1E	RGB 20 27 30	#141B1E
100.0%	100.0% #161412	RGB 22 20 18	#161412

#0F3E5E #103751 #113044 #122938 #13222B #141B1E #161412

#0F3E5E - #161412

HSV Blend

#0F3E5E - #161412 | 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 #0F3E5E as 0% and #161412 as 100%.

0.0%	0.0% #0E3E5E	RGB 14 62 94	#0E3E5E
16.7%	16.7% #16524D	RGB 22 82 77	#16524D
33.3%	33.3% #1A462D	RGB 26 70 45	#1A462D
50.0%	50.0% #1D3A1C	RGB 29 58 28	#1D3A1C
66.7%	66.7% #252E1B	RGB 37 46 27	#252E1B
83.3%	83.3% #222118	RGB 34 33 24	#222118
100.0%	100.0% #161412	RGB 22 20 18	#161412

#0E3E5E #16524D #1A462D #1D3A1C #252E1B #222118 #161412

#0F3E5E - #1D3A1C - #161412

CSS codes

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

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