#3C4A8D - #121E32 | 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 #3C4A8D to #121E32

#3C4A8D #121E32

Calculate the color between two colors, #3C4A8D and #121E32. 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)

#3C4A8D - #121E32 | 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 #3C4A8D as 0% and #121E32 as 100%.

0.0%	0.0% #3C4A8D	RGB 60 74 141	#3C4A8D
16.7%	16.7% #35427D	RGB 53 66 125	#35427D
33.3%	33.3% #2E3B6E	RGB 46 59 110	#2E3B6E
50.0%	50.0% #27345F	RGB 39 52 95	#27345F
66.7%	66.7% #202C50	RGB 32 44 80	#202C50
83.3%	83.3% #192541	RGB 25 37 65	#192541
100.0%	100.0% #121E32	RGB 18 30 50	#121E32

#3C4A8D #35427D #2E3B6E #27345F #202C50 #192541 #121E32

#3C4A8D - #121E32

HSV Blend

#3C4A8D - #121E32 | 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 #3C4A8D as 0% and #121E32 as 100%.

0.0%	0.0% #3C4A8D	RGB 60 74 141	#3C4A8D
16.7%	16.7% #34437D	RGB 52 67 125	#34437D
33.3%	33.3% #2C3C6E	RGB 44 60 110	#2C3C6E
50.0%	50.0% #25355F	RGB 37 53 95	#25355F
66.7%	66.7% #1E2D50	RGB 30 45 80	#1E2D50
83.3%	83.3% #182641	RGB 24 38 65	#182641
100.0%	100.0% #121E32	RGB 18 30 50	#121E32

#3C4A8D #34437D #2C3C6E #25355F #1E2D50 #182641 #121E32

#3C4A8D - #25355F - #121E32

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4A8D 0%, #25355F 50%, #121E32 100%);
    background: -webkit-linear-gradient(top, #3C4A8D 0%, #25355F 50%, #121E32 100%);
    background: linear-gradient(to bottom, #3C4A8D 0%, #25355F 50%, #121E32 100%);
}
</style>