#3E57A2 - #162245 | 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 #3E57A2 to #162245

#3E57A2 #162245

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

#3E57A2 - #162245 | 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 #3E57A2 as 0% and #162245 as 100%.

0.0%	0.0% #3E57A2	RGB 62 87 162	#3E57A2
16.7%	16.7% #374E92	RGB 55 78 146	#374E92
33.3%	33.3% #304583	RGB 48 69 131	#304583
50.0%	50.0% #2A3C73	RGB 42 60 115	#2A3C73
66.7%	66.7% #233364	RGB 35 51 100	#233364
83.3%	83.3% #1C2A54	RGB 28 42 84	#1C2A54
100.0%	100.0% #162245	RGB 22 34 69	#162245

#3E57A2 #374E92 #304583 #2A3C73 #233364 #1C2A54 #162245

#3E57A2 - #162245

HSV Blend

#3E57A2 - #162245 | 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 #3E57A2 as 0% and #162245 as 100%.

0.0%	0.0% #3E57A2	RGB 62 87 162	#3E57A2
16.7%	16.7% #364D92	RGB 54 77 146	#364D92
33.3%	33.3% #2F4483	RGB 47 68 131	#2F4483
50.0%	50.0% #283B73	RGB 40 59 115	#283B73
66.7%	66.7% #223264	RGB 34 50 100	#223264
83.3%	83.3% #1B2A54	RGB 27 42 84	#1B2A54
100.0%	100.0% #162245	RGB 22 34 69	#162245

#3E57A2 #364D92 #2F4483 #283B73 #223264 #1B2A54 #162245

#3E57A2 - #283B73 - #162245

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E57A2 0%, #283B73 50%, #162245 100%);
    background: -webkit-linear-gradient(top, #3E57A2 0%, #283B73 50%, #162245 100%);
    background: linear-gradient(to bottom, #3E57A2 0%, #283B73 50%, #162245 100%);
}
</style>