#2D3A5E - #041333 | 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 #2D3A5E to #041333

#2D3A5E #041333

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

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

0.0%	0.0% #2D3A5E	RGB 45 58 94	#2D3A5E
16.7%	16.7% #263356	RGB 38 51 86	#263356
33.3%	33.3% #1F2D4F	RGB 31 45 79	#1F2D4F
50.0%	50.0% #182648	RGB 24 38 72	#182648
66.7%	66.7% #112041	RGB 17 32 65	#112041
83.3%	83.3% #0A193A	RGB 10 25 58	#0A193A
100.0%	100.0% #041333	RGB 4 19 51	#041333

#2D3A5E #263356 #1F2D4F #182648 #112041 #0A193A #041333

#2D3A5E - #041333

HSV Blend

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

0.0%	0.0% #2D3A5E	RGB 45 58 94	#2D3A5E
16.7%	16.7% #233156	RGB 35 49 86	#233156
33.3%	33.3% #1B2A4F	RGB 27 42 79	#1B2A4F
50.0%	50.0% #142348	RGB 20 35 72	#142348
66.7%	66.7% #0D1D41	RGB 13 29 65	#0D1D41
83.3%	83.3% #08173A	RGB 8 23 58	#08173A
100.0%	100.0% #041333	RGB 4 19 51	#041333

#2D3A5E #233156 #1B2A4F #142348 #0D1D41 #08173A #041333

#2D3A5E - #142348 - #041333

CSS codes

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

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