#162D3C - #060C11 | 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 #162D3C to #060C11

#162D3C #060C11

Calculate the color between two colors, #162D3C and #060C11. 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)

#162D3C - #060C11 | 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 #162D3C as 0% and #060C11 as 100%.

0.0%	0.0% #162D3C	RGB 22 45 60	#162D3C
16.7%	16.7% #132734	RGB 19 39 52	#132734
33.3%	33.3% #10222D	RGB 16 34 45	#10222D
50.0%	50.0% #0E1C26	RGB 14 28 38	#0E1C26
66.7%	66.7% #0B171F	RGB 11 23 31	#0B171F
83.3%	83.3% #081118	RGB 8 17 24	#081118
100.0%	100.0% #060C11	RGB 6 12 17	#060C11

#162D3C #132734 #10222D #0E1C26 #0B171F #081118 #060C11

#162D3C - #060C11

HSV Blend

#162D3C - #060C11 | 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 #162D3C as 0% and #060C11 as 100%.

0.0%	0.0% #162D3C	RGB 22 45 60	#162D3C
16.7%	16.7% #132734	RGB 19 39 52	#132734
33.3%	33.3% #10212D	RGB 16 33 45	#10212D
50.0%	50.0% #0D1C26	RGB 13 28 38	#0D1C26
66.7%	66.7% #0B161F	RGB 11 22 31	#0B161F
83.3%	83.3% #081118	RGB 8 17 24	#081118
100.0%	100.0% #060C11	RGB 6 12 17	#060C11

#162D3C #132734 #10212D #0D1C26 #0B161F #081118 #060C11

#162D3C - #0D1C26 - #060C11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #162D3C 0%, #0D1C26 50%, #060C11 100%);
    background: -webkit-linear-gradient(top, #162D3C 0%, #0D1C26 50%, #060C11 100%);
    background: linear-gradient(to bottom, #162D3C 0%, #0D1C26 50%, #060C11 100%);
}
</style>