#161D5E - #06120E | 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 #161D5E to #06120E

#161D5E #06120E

Calculate the color between two colors, #161D5E and #06120E. 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)

#161D5E - #06120E | 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 #161D5E as 0% and #06120E as 100%.

0.0%	0.0% #161D5E	RGB 22 29 94	#161D5E
16.7%	16.7% #131B50	RGB 19 27 80	#131B50
33.3%	33.3% #101943	RGB 16 25 67	#101943
50.0%	50.0% #0E1736	RGB 14 23 54	#0E1736
66.7%	66.7% #0B1528	RGB 11 21 40	#0B1528
83.3%	83.3% #08131B	RGB 8 19 27	#08131B
100.0%	100.0% #06120E	RGB 6 18 14	#06120E

#161D5E #131B50 #101943 #0E1736 #0B1528 #08131B #06120E

#161D5E - #06120E

HSV Blend

#161D5E - #06120E | 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 #161D5E as 0% and #06120E as 100%.

0.0%	0.0% #151C5E	RGB 21 28 94	#151C5E
16.7%	16.7% #142651	RGB 20 38 81	#142651
33.3%	33.3% #122B44	RGB 18 43 68	#122B44
50.0%	50.0% #0F2C38	RGB 15 44 56	#0F2C38
66.7%	66.7% #0D282B	RGB 13 40 43	#0D282B
83.3%	83.3% #091E1B	RGB 9 30 27	#091E1B
100.0%	100.0% #06120E	RGB 6 18 14	#06120E

#151C5E #142651 #122B44 #0F2C38 #0D282B #091E1B #06120E

#161D5E - #0F2C38 - #06120E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151C5E 0%, #0F2C38 50%, #06120E 100%);
    background: -webkit-linear-gradient(top, #151C5E 0%, #0F2C38 50%, #06120E 100%);
    background: linear-gradient(to bottom, #151C5E 0%, #0F2C38 50%, #06120E 100%);
}
</style>