#2D3C4D - #021630 | 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 #2D3C4D to #021630

#2D3C4D #021630

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

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

0.0%	0.0% #2D3C4D	RGB 45 60 77	#2D3C4D
16.7%	16.7% #253548	RGB 37 53 72	#253548
33.3%	33.3% #1E2F43	RGB 30 47 67	#1E2F43
50.0%	50.0% #17293E	RGB 23 41 62	#17293E
66.7%	66.7% #102239	RGB 16 34 57	#102239
83.3%	83.3% #091C34	RGB 9 28 52	#091C34
100.0%	100.0% #021630	RGB 2 22 48	#021630

#2D3C4D #253548 #1E2F43 #17293E #102239 #091C34 #021630

#2D3C4D - #021630

HSV Blend

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

0.0%	0.0% #2D3C4D	RGB 45 60 77	#2D3C4D
16.7%	16.7% #233448	RGB 35 52 72	#233448
33.3%	33.3% #1B2D43	RGB 27 45 67	#1B2D43
50.0%	50.0% #13263E	RGB 19 38 62	#13263E
66.7%	66.7% #0C2039	RGB 12 32 57	#0C2039
83.3%	83.3% #061B34	RGB 6 27 52	#061B34
100.0%	100.0% #021630	RGB 2 22 48	#021630

#2D3C4D #233448 #1B2D43 #13263E #0C2039 #061B34 #021630

#2D3C4D - #13263E - #021630

CSS codes

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

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