#0E3C4D - #160F0E | 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 #0E3C4D to #160F0E

#0E3C4D #160F0E

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

#0E3C4D - #160F0E | 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 #0E3C4D as 0% and #160F0E as 100%.

0.0%	0.0% #0E3C4D	RGB 14 60 77	#0E3C4D
16.7%	16.7% #0F3442	RGB 15 52 66	#0F3442
33.3%	33.3% #102D38	RGB 16 45 56	#102D38
50.0%	50.0% #12252D	RGB 18 37 45	#12252D
66.7%	66.7% #131E23	RGB 19 30 35	#131E23
83.3%	83.3% #141618	RGB 20 22 24	#141618
100.0%	100.0% #160F0E	RGB 22 15 14	#160F0E

#0E3C4D #0F3442 #102D38 #12252D #131E23 #141618 #160F0E

#0E3C4D - #160F0E

HSV Blend

#0E3C4D - #160F0E | 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 #0E3C4D as 0% and #160F0E as 100%.

0.0%	0.0% #0E3C4D	RGB 14 60 77	#0E3C4D
16.7%	16.7% #111E43	RGB 17 30 67	#111E43
33.3%	33.3% #1C133A	RGB 28 19 58	#1C133A
50.0%	50.0% #281431	RGB 40 20 49	#281431
66.7%	66.7% #281324	RGB 40 19 36	#281324
83.3%	83.3% #1F1116	RGB 31 17 22	#1F1116
100.0%	100.0% #160F0E	RGB 22 15 14	#160F0E

#0E3C4D #111E43 #1C133A #281431 #281324 #1F1116 #160F0E

#0E3C4D - #281431 - #160F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E3C4D 0%, #281431 50%, #160F0E 100%);
    background: -webkit-linear-gradient(top, #0E3C4D 0%, #281431 50%, #160F0E 100%);
    background: linear-gradient(to bottom, #0E3C4D 0%, #281431 50%, #160F0E 100%);
}
</style>