#2D45A8 - #131A42 | 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 #2D45A8 to #131A42

#2D45A8 #131A42

Calculate the color between two colors, #2D45A8 and #131A42. 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)

#2D45A8 - #131A42 | 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 #2D45A8 as 0% and #131A42 as 100%.

0.0%	0.0% #2D45A8	RGB 45 69 168	#2D45A8
16.7%	16.7% #283D97	RGB 40 61 151	#283D97
33.3%	33.3% #243686	RGB 36 54 134	#243686
50.0%	50.0% #202F75	RGB 32 47 117	#202F75
66.7%	66.7% #1B2864	RGB 27 40 100	#1B2864
83.3%	83.3% #172153	RGB 23 33 83	#172153
100.0%	100.0% #131A42	RGB 19 26 66	#131A42

#2D45A8 #283D97 #243686 #202F75 #1B2864 #172153 #131A42

#2D45A8 - #131A42

HSV Blend

#2D45A8 - #131A42 | 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 #2D45A8 as 0% and #131A42 as 100%.

0.0%	0.0% #2D45A8	RGB 45 69 168	#2D45A8
16.7%	16.7% #283D97	RGB 40 61 151	#283D97
33.3%	33.3% #243686	RGB 36 54 134	#243686
50.0%	50.0% #202F75	RGB 32 47 117	#202F75
66.7%	66.7% #1C2764	RGB 28 39 100	#1C2764
83.3%	83.3% #172053	RGB 23 32 83	#172053
100.0%	100.0% #131A42	RGB 19 26 66	#131A42

#2D45A8 #283D97 #243686 #202F75 #1C2764 #172053 #131A42

#2D45A8 - #202F75 - #131A42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D45A8 0%, #202F75 50%, #131A42 100%);
    background: -webkit-linear-gradient(top, #2D45A8 0%, #202F75 50%, #131A42 100%);
    background: linear-gradient(to bottom, #2D45A8 0%, #202F75 50%, #131A42 100%);
}
</style>