#5E81C9 - #1E377A | 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 #5E81C9 to #1E377A

#5E81C9 #1E377A

Calculate the color between two colors, #5E81C9 and #1E377A. 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)

#5E81C9 - #1E377A | 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 #5E81C9 as 0% and #1E377A as 100%.

0.0%	0.0% #5E81C9	RGB 94 129 201	#5E81C9
16.7%	16.7% #5374BB	RGB 83 116 187	#5374BB
33.3%	33.3% #4868AE	RGB 72 104 174	#4868AE
50.0%	50.0% #3E5CA1	RGB 62 92 161	#3E5CA1
66.7%	66.7% #334F94	RGB 51 79 148	#334F94
83.3%	83.3% #284387	RGB 40 67 135	#284387
100.0%	100.0% #1E377A	RGB 30 55 122	#1E377A

#5E81C9 #5374BB #4868AE #3E5CA1 #334F94 #284387 #1E377A

#5E81C9 - #1E377A

HSV Blend

#5E81C9 - #1E377A | 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 #5E81C9 as 0% and #1E377A as 100%.

0.0%	0.0% #5E81C9	RGB 94 129 201	#5E81C9
16.7%	16.7% #5072BB	RGB 80 114 187	#5072BB
33.3%	33.3% #4465AE	RGB 68 101 174	#4465AE
50.0%	50.0% #3958A1	RGB 57 88 161	#3958A1
66.7%	66.7% #2F4C94	RGB 47 76 148	#2F4C94
83.3%	83.3% #264187	RGB 38 65 135	#264187
100.0%	100.0% #1E377A	RGB 30 55 122	#1E377A

#5E81C9 #5072BB #4465AE #3958A1 #2F4C94 #264187 #1E377A

#5E81C9 - #3958A1 - #1E377A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E81C9 0%, #3958A1 50%, #1E377A 100%);
    background: -webkit-linear-gradient(top, #5E81C9 0%, #3958A1 50%, #1E377A 100%);
    background: linear-gradient(to bottom, #5E81C9 0%, #3958A1 50%, #1E377A 100%);
}
</style>