#3C46A8 - #121A45 | 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 #3C46A8 to #121A45

#3C46A8 #121A45

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

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

0.0%	0.0% #3C46A8	RGB 60 70 168	#3C46A8
16.7%	16.7% #353E97	RGB 53 62 151	#353E97
33.3%	33.3% #2E3787	RGB 46 55 135	#2E3787
50.0%	50.0% #273076	RGB 39 48 118	#273076
66.7%	66.7% #202866	RGB 32 40 102	#202866
83.3%	83.3% #192155	RGB 25 33 85	#192155
100.0%	100.0% #121A45	RGB 18 26 69	#121A45

#3C46A8 #353E97 #2E3787 #273076 #202866 #192155 #121A45

#3C46A8 - #121A45

HSV Blend

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

0.0%	0.0% #3C46A8	RGB 60 70 168	#3C46A8
16.7%	16.7% #333D97	RGB 51 61 151	#333D97
33.3%	33.3% #2B3687	RGB 43 54 135	#2B3687
50.0%	50.0% #242E76	RGB 36 46 118	#242E76
66.7%	66.7% #1D2766	RGB 29 39 102	#1D2766
83.3%	83.3% #172055	RGB 23 32 85	#172055
100.0%	100.0% #121A45	RGB 18 26 69	#121A45

#3C46A8 #333D97 #2B3687 #242E76 #1D2766 #172055 #121A45

#3C46A8 - #242E76 - #121A45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C46A8 0%, #242E76 50%, #121A45 100%);
    background: -webkit-linear-gradient(top, #3C46A8 0%, #242E76 50%, #121A45 100%);
    background: linear-gradient(to bottom, #3C46A8 0%, #242E76 50%, #121A45 100%);
}
</style>