#0D1316 - #2F454E | 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 #0D1316 to #2F454E

#0D1316 #2F454E

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

#0D1316 - #2F454E | 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 #0D1316 as 0% and #2F454E as 100%.

0.0%	0.0% #0D1316	RGB 13 19 22	#0D1316
16.7%	16.7% #121B1F	RGB 18 27 31	#121B1F
33.3%	33.3% #182328	RGB 24 35 40	#182328
50.0%	50.0% #1E2C32	RGB 30 44 50	#1E2C32
66.7%	66.7% #23343B	RGB 35 52 59	#23343B
83.3%	83.3% #293C44	RGB 41 60 68	#293C44
100.0%	100.0% #2F454E	RGB 47 69 78	#2F454E

#0D1316 #121B1F #182328 #1E2C32 #23343B #293C44 #2F454E

#0D1316 - #2F454E

HSV Blend

#0D1316 - #2F454E | 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 #0D1316 as 0% and #2F454E as 100%.

0.0%	0.0% #0D1216	RGB 13 18 22	#0D1216
16.7%	16.7% #121B1F	RGB 18 27 31	#121B1F
33.3%	33.3% #182328	RGB 24 35 40	#182328
50.0%	50.0% #1D2B32	RGB 29 43 50	#1D2B32
66.7%	66.7% #23343B	RGB 35 52 59	#23343B
83.3%	83.3% #293C44	RGB 41 60 68	#293C44
100.0%	100.0% #2F454E	RGB 47 69 78	#2F454E

#0D1216 #121B1F #182328 #1D2B32 #23343B #293C44 #2F454E

#0D1316 - #1D2B32 - #2F454E

CSS codes

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

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