#2D516B - #181D1E | 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 #2D516B to #181D1E

#2D516B #181D1E

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

#2D516B - #181D1E | 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 #2D516B as 0% and #181D1E as 100%.

0.0%	0.0% #2D516B	RGB 45 81 107	#2D516B
16.7%	16.7% #29485E	RGB 41 72 94	#29485E
33.3%	33.3% #263F51	RGB 38 63 81	#263F51
50.0%	50.0% #223744	RGB 34 55 68	#223744
66.7%	66.7% #1F2E37	RGB 31 46 55	#1F2E37
83.3%	83.3% #1B252A	RGB 27 37 42	#1B252A
100.0%	100.0% #181D1E	RGB 24 29 30	#181D1E

#2D516B #29485E #263F51 #223744 #1F2E37 #1B252A #181D1E

#2D516B - #181D1E

HSV Blend

#2D516B - #181D1E | 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 #2D516B as 0% and #181D1E as 100%.

0.0%	0.0% #2D516B	RGB 45 81 107	#2D516B
16.7%	16.7% #2D4B5E	RGB 45 75 94	#2D4B5E
33.3%	33.3% #2C4451	RGB 44 68 81	#2C4451
50.0%	50.0% #293C44	RGB 41 60 68	#293C44
66.7%	66.7% #253337	RGB 37 51 55	#253337
83.3%	83.3% #1F282A	RGB 31 40 42	#1F282A
100.0%	100.0% #181D1E	RGB 24 29 30	#181D1E

#2D516B #2D4B5E #2C4451 #293C44 #253337 #1F282A #181D1E

#2D516B - #293C44 - #181D1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D516B 0%, #293C44 50%, #181D1E 100%);
    background: -webkit-linear-gradient(top, #2D516B 0%, #293C44 50%, #181D1E 100%);
    background: linear-gradient(to bottom, #2D516B 0%, #293C44 50%, #181D1E 100%);
}
</style>