#2D3E4C - #101312 | 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 #2D3E4C to #101312

#2D3E4C #101312

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

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

0.0%	0.0% #2D3E4C	RGB 45 62 76	#2D3E4C
16.7%	16.7% #283642	RGB 40 54 66	#283642
33.3%	33.3% #232F38	RGB 35 47 56	#232F38
50.0%	50.0% #1E282F	RGB 30 40 47	#1E282F
66.7%	66.7% #192125	RGB 25 33 37	#192125
83.3%	83.3% #141A1B	RGB 20 26 27	#141A1B
100.0%	100.0% #101312	RGB 16 19 18	#101312

#2D3E4C #283642 #232F38 #1E282F #192125 #141A1B #101312

#2D3E4C - #101312

HSV Blend

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

0.0%	0.0% #2D3E4C	RGB 45 62 76	#2D3E4C
16.7%	16.7% #2A3A42	RGB 42 58 66	#2A3A42
33.3%	33.3% #263539	RGB 38 53 57	#263539
50.0%	50.0% #222E2F	RGB 34 46 47	#222E2F
66.7%	66.7% #1C2625	RGB 28 38 37	#1C2625
83.3%	83.3% #161C1B	RGB 22 28 27	#161C1B
100.0%	100.0% #101312	RGB 16 19 18	#101312

#2D3E4C #2A3A42 #263539 #222E2F #1C2625 #161C1B #101312

#2D3E4C - #222E2F - #101312

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E4C 0%, #222E2F 50%, #101312 100%);
    background: -webkit-linear-gradient(top, #2D3E4C 0%, #222E2F 50%, #101312 100%);
    background: linear-gradient(to bottom, #2D3E4C 0%, #222E2F 50%, #101312 100%);
}
</style>