#2D3032 - #002123 | 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 #2D3032 to #002123

#2D3032 #002123

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

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

0.0%	0.0% #2D3032	RGB 45 48 50	#2D3032
16.7%	16.7% #252D2F	RGB 37 45 47	#252D2F
33.3%	33.3% #1E2B2D	RGB 30 43 45	#1E2B2D
50.0%	50.0% #16282A	RGB 22 40 42	#16282A
66.7%	66.7% #0E2628	RGB 14 38 40	#0E2628
83.3%	83.3% #072325	RGB 7 35 37	#072325
100.0%	100.0% #002123	RGB 0 33 35	#002123

#2D3032 #252D2F #1E2B2D #16282A #0E2628 #072325 #002123

#2D3032 - #002123

HSV Blend

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

0.0%	0.0% #2D3032	RGB 45 48 50	#2D3032
16.7%	16.7% #232B2F	RGB 35 43 47	#232B2F
33.3%	33.3% #1B272D	RGB 27 39 45	#1B272D
50.0%	50.0% #13252A	RGB 19 37 42	#13252A
66.7%	66.7% #0B2328	RGB 11 35 40	#0B2328
83.3%	83.3% #052125	RGB 5 33 37	#052125
100.0%	100.0% #002123	RGB 0 33 35	#002123

#2D3032 #232B2F #1B272D #13252A #0B2328 #052125 #002123

#2D3032 - #13252A - #002123

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3032 0%, #13252A 50%, #002123 100%);
    background: -webkit-linear-gradient(top, #2D3032 0%, #13252A 50%, #002123 100%);
    background: linear-gradient(to bottom, #2D3032 0%, #13252A 50%, #002123 100%);
}
</style>