#2D2D2D - #003141 | 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 #2D2D2D to #003141

#2D2D2D #003141

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

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #252D30	RGB 37 45 48	#252D30
33.3%	33.3% #1E2E33	RGB 30 46 51	#1E2E33
50.0%	50.0% #162F37	RGB 22 47 55	#162F37
66.7%	66.7% #0E2F3A	RGB 14 47 58	#0E2F3A
83.3%	83.3% #07303D	RGB 7 48 61	#07303D
100.0%	100.0% #003141	RGB 0 49 65	#003141

#2D2D2D #252D30 #1E2E33 #162F37 #0E2F3A #07303D #003141

#2D2D2D - #003141

HSV Blend

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #30282B	RGB 48 40 43	#30282B
33.3%	33.3% #332232	RGB 51 34 50	#332232
50.0%	50.0% #2C1B37	RGB 44 27 55	#2C1B37
66.7%	66.7% #19133A	RGB 25 19 58	#19133A
83.3%	83.3% #0A193D	RGB 10 25 61	#0A193D
100.0%	100.0% #003141	RGB 0 49 65	#003141

#2D2D2D #30282B #332232 #2C1B37 #19133A #0A193D #003141

#2D2D2D - #2C1B37 - #003141

CSS codes

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

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