#3E5CD6 - #131D7B | 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 #3E5CD6 to #131D7B

#3E5CD6 #131D7B

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

#3E5CD6 - #131D7B | 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 #3E5CD6 as 0% and #131D7B as 100%.

0.0%	0.0% #3E5CD6	RGB 62 92 214	#3E5CD6
16.7%	16.7% #3651C6	RGB 54 81 198	#3651C6
33.3%	33.3% #2F47B7	RGB 47 71 183	#2F47B7
50.0%	50.0% #283CA8	RGB 40 60 168	#283CA8
66.7%	66.7% #213299	RGB 33 50 153	#213299
83.3%	83.3% #1A278A	RGB 26 39 138	#1A278A
100.0%	100.0% #131D7B	RGB 19 29 123	#131D7B

#3E5CD6 #3651C6 #2F47B7 #283CA8 #213299 #1A278A #131D7B

#3E5CD6 - #131D7B

HSV Blend

#3E5CD6 - #131D7B | 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 #3E5CD6 as 0% and #131D7B as 100%.

0.0%	0.0% #3E5BD6	RGB 62 91 214	#3E5BD6
16.7%	16.7% #354FC6	RGB 53 79 198	#354FC6
33.3%	33.3% #2C43B7	RGB 44 67 183	#2C43B7
50.0%	50.0% #2538A8	RGB 37 56 168	#2538A8
66.7%	66.7% #1E2E99	RGB 30 46 153	#1E2E99
83.3%	83.3% #18258A	RGB 24 37 138	#18258A
100.0%	100.0% #131D7B	RGB 19 29 123	#131D7B

#3E5BD6 #354FC6 #2C43B7 #2538A8 #1E2E99 #18258A #131D7B

#3E5CD6 - #2538A8 - #131D7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5BD6 0%, #2538A8 50%, #131D7B 100%);
    background: -webkit-linear-gradient(top, #3E5BD6 0%, #2538A8 50%, #131D7B 100%);
    background: linear-gradient(to bottom, #3E5BD6 0%, #2538A8 50%, #131D7B 100%);
}
</style>