#00295E - #2D41AC | 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 #00295E to #2D41AC

#00295E #2D41AC

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

#00295E - #2D41AC | 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 #00295E as 0% and #2D41AC as 100%.

0.0%	0.0% #00295E	RGB 0 41 94	#00295E
16.7%	16.7% #072D6B	RGB 7 45 107	#072D6B
33.3%	33.3% #0F3178	RGB 15 49 120	#0F3178
50.0%	50.0% #163585	RGB 22 53 133	#163585
66.7%	66.7% #1E3992	RGB 30 57 146	#1E3992
83.3%	83.3% #253D9F	RGB 37 61 159	#253D9F
100.0%	100.0% #2D41AC	RGB 45 65 172	#2D41AC

#00295E #072D6B #0F3178 #163585 #1E3992 #253D9F #2D41AC

#00295E - #2D41AC

HSV Blend

#00295E - #2D41AC | 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 #00295E as 0% and #2D41AC as 100%.

0.0%	0.0% #00295E	RGB 0 41 94	#00295E
16.7%	16.7% #042C6B	RGB 4 44 107	#042C6B
33.3%	33.3% #0A3078	RGB 10 48 120	#0A3078
50.0%	50.0% #113385	RGB 17 51 133	#113385
66.7%	66.7% #193792	RGB 25 55 146	#193792
83.3%	83.3% #223C9F	RGB 34 60 159	#223C9F
100.0%	100.0% #2D41AC	RGB 45 65 172	#2D41AC

#00295E #042C6B #0A3078 #113385 #193792 #223C9F #2D41AC

#00295E - #113385 - #2D41AC

CSS codes

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

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