#4E4EB6 - #131A58 | 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 #4E4EB6 to #131A58

#4E4EB6 #131A58

Calculate the color between two colors, #4E4EB6 and #131A58. 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)

#4E4EB6 - #131A58 | 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 #4E4EB6 as 0% and #131A58 as 100%.

0.0%	0.0% #4E4EB6	RGB 78 78 182	#4E4EB6
16.7%	16.7% #4445A6	RGB 68 69 166	#4445A6
33.3%	33.3% #3A3C96	RGB 58 60 150	#3A3C96
50.0%	50.0% #303487	RGB 48 52 135	#303487
66.7%	66.7% #262B77	RGB 38 43 119	#262B77
83.3%	83.3% #1C2267	RGB 28 34 103	#1C2267
100.0%	100.0% #131A58	RGB 19 26 88	#131A58

#4E4EB6 #4445A6 #3A3C96 #303487 #262B77 #1C2267 #131A58

#4E4EB6 - #131A58

HSV Blend

#4E4EB6 - #131A58 | 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 #4E4EB6 as 0% and #131A58 as 100%.

0.0%	0.0% #4E4EB6	RGB 78 78 182	#4E4EB6
16.7%	16.7% #4143A6	RGB 65 67 166	#4143A6
33.3%	33.3% #353996	RGB 53 57 150	#353996
50.0%	50.0% #2B3087	RGB 43 48 135	#2B3087
66.7%	66.7% #222777	RGB 34 39 119	#222777
83.3%	83.3% #1A2067	RGB 26 32 103	#1A2067
100.0%	100.0% #131A58	RGB 19 26 88	#131A58

#4E4EB6 #4143A6 #353996 #2B3087 #222777 #1A2067 #131A58

#4E4EB6 - #2B3087 - #131A58

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4EB6 0%, #2B3087 50%, #131A58 100%);
    background: -webkit-linear-gradient(top, #4E4EB6 0%, #2B3087 50%, #131A58 100%);
    background: linear-gradient(to bottom, #4E4EB6 0%, #2B3087 50%, #131A58 100%);
}
</style>