#020D24 - #2D3D5E | 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 #020D24 to #2D3D5E

#020D24 #2D3D5E

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

#020D24 - #2D3D5E | 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 #020D24 as 0% and #2D3D5E as 100%.

0.0%	0.0% #020D24	RGB 2 13 36	#020D24
16.7%	16.7% #09152D	RGB 9 21 45	#09152D
33.3%	33.3% #101D37	RGB 16 29 55	#101D37
50.0%	50.0% #172541	RGB 23 37 65	#172541
66.7%	66.7% #1E2D4A	RGB 30 45 74	#1E2D4A
83.3%	83.3% #253554	RGB 37 53 84	#253554
100.0%	100.0% #2D3D5E	RGB 45 61 94	#2D3D5E

#020D24 #09152D #101D37 #172541 #1E2D4A #253554 #2D3D5E

#020D24 - #2D3D5E

HSV Blend

#020D24 - #2D3D5E | 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 #020D24 as 0% and #2D3D5E as 100%.

0.0%	0.0% #020C24	RGB 2 12 36	#020C24
16.7%	16.7% #05122D	RGB 5 18 45	#05122D
33.3%	33.3% #0A1937	RGB 10 25 55	#0A1937
50.0%	50.0% #112041	RGB 17 32 65	#112041
66.7%	66.7% #19294A	RGB 25 41 74	#19294A
83.3%	83.3% #223254	RGB 34 50 84	#223254
100.0%	100.0% #2D3D5E	RGB 45 61 94	#2D3D5E

#020C24 #05122D #0A1937 #112041 #19294A #223254 #2D3D5E

#020D24 - #112041 - #2D3D5E

CSS codes

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

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