#0D1A30 - #37536A | 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 #0D1A30 to #37536A

#0D1A30 #37536A

Calculate the color between two colors, #0D1A30 and #37536A. 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)

#0D1A30 - #37536A | 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 #0D1A30 as 0% and #37536A as 100%.

0.0%	0.0% #0D1A30	RGB 13 26 48	#0D1A30
16.7%	16.7% #142339	RGB 20 35 57	#142339
33.3%	33.3% #1B2D43	RGB 27 45 67	#1B2D43
50.0%	50.0% #22364D	RGB 34 54 77	#22364D
66.7%	66.7% #294056	RGB 41 64 86	#294056
83.3%	83.3% #304960	RGB 48 73 96	#304960
100.0%	100.0% #37536A	RGB 55 83 106	#37536A

#0D1A30 #142339 #1B2D43 #22364D #294056 #304960 #37536A

#0D1A30 - #37536A

HSV Blend

#0D1A30 - #37536A | 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 #0D1A30 as 0% and #37536A as 100%.

0.0%	0.0% #0D1A30	RGB 13 26 48	#0D1A30
16.7%	16.7% #122139	RGB 18 33 57	#122139
33.3%	33.3% #172A43	RGB 23 42 67	#172A43
50.0%	50.0% #1E334D	RGB 30 51 77	#1E334D
66.7%	66.7% #253D56	RGB 37 61 86	#253D56
83.3%	83.3% #2E4860	RGB 46 72 96	#2E4860
100.0%	100.0% #37536A	RGB 55 83 106	#37536A

#0D1A30 #122139 #172A43 #1E334D #253D56 #2E4860 #37536A

#0D1A30 - #1E334D - #37536A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D1A30 0%, #1E334D 50%, #37536A 100%);
    background: -webkit-linear-gradient(top, #0D1A30 0%, #1E334D 50%, #37536A 100%);
    background: linear-gradient(to bottom, #0D1A30 0%, #1E334D 50%, #37536A 100%);
}
</style>