#2B2B5E - #000B3D | 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 #2B2B5E to #000B3D

#2B2B5E #000B3D

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

#2B2B5E - #000B3D | 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 #2B2B5E as 0% and #000B3D as 100%.

0.0%	0.0% #2B2B5E	RGB 43 43 94	#2B2B5E
16.7%	16.7% #232558	RGB 35 37 88	#232558
33.3%	33.3% #1C2053	RGB 28 32 83	#1C2053
50.0%	50.0% #151B4D	RGB 21 27 77	#151B4D
66.7%	66.7% #0E1548	RGB 14 21 72	#0E1548
83.3%	83.3% #071042	RGB 7 16 66	#071042
100.0%	100.0% #000B3D	RGB 0 11 61	#000B3D

#2B2B5E #232558 #1C2053 #151B4D #0E1548 #071042 #000B3D

#2B2B5E - #000B3D

HSV Blend

#2B2B5E - #000B3D | 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 #2B2B5E as 0% and #000B3D as 100%.

0.0%	0.0% #2B2B5E	RGB 43 43 94	#2B2B5E
16.7%	16.7% #212358	RGB 33 35 88	#212358
33.3%	33.3% #191C53	RGB 25 28 83	#191C53
50.0%	50.0% #11174D	RGB 17 23 77	#11174D
66.7%	66.7% #0A1248	RGB 10 18 72	#0A1248
83.3%	83.3% #050E42	RGB 5 14 66	#050E42
100.0%	100.0% #000B3D	RGB 0 11 61	#000B3D

#2B2B5E #212358 #191C53 #11174D #0A1248 #050E42 #000B3D

#2B2B5E - #11174D - #000B3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2B5E 0%, #11174D 50%, #000B3D 100%);
    background: -webkit-linear-gradient(top, #2B2B5E 0%, #11174D 50%, #000B3D 100%);
    background: linear-gradient(to bottom, #2B2B5E 0%, #11174D 50%, #000B3D 100%);
}
</style>