#2D3E4A - #011603 | 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 #2D3E4A to #011603

#2D3E4A #011603

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

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

0.0%	0.0% #2D3E4A	RGB 45 62 74	#2D3E4A
16.7%	16.7% #25373E	RGB 37 55 62	#25373E
33.3%	33.3% #1E3032	RGB 30 48 50	#1E3032
50.0%	50.0% #172A26	RGB 23 42 38	#172A26
66.7%	66.7% #0F231A	RGB 15 35 26	#0F231A
83.3%	83.3% #081C0E	RGB 8 28 14	#081C0E
100.0%	100.0% #011603	RGB 1 22 3	#011603

#2D3E4A #25373E #1E3032 #172A26 #0F231A #081C0E #011603

#2D3E4A - #011603

HSV Blend

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

0.0%	0.0% #2D3E4A	RGB 45 62 74	#2D3E4A
16.7%	16.7% #213B41	RGB 33 59 65	#213B41
33.3%	33.3% #173837	RGB 23 56 55	#173837
50.0%	50.0% #0F3028	RGB 15 48 40	#0F3028
66.7%	66.7% #092719	RGB 9 39 25	#092719
83.3%	83.3% #041E0C	RGB 4 30 12	#041E0C
100.0%	100.0% #011603	RGB 1 22 3	#011603

#2D3E4A #213B41 #173837 #0F3028 #092719 #041E0C #011603

#2D3E4A - #0F3028 - #011603

CSS codes

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

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