#5E84E5 - #1A349F | 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 #5E84E5 to #1A349F

#5E84E5 #1A349F

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

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

0.0%	0.0% #5E84E5	RGB 94 132 229	#5E84E5
16.7%	16.7% #5276D9	RGB 82 118 217	#5276D9
33.3%	33.3% #4769CD	RGB 71 105 205	#4769CD
50.0%	50.0% #3C5CC2	RGB 60 92 194	#3C5CC2
66.7%	66.7% #304EB6	RGB 48 78 182	#304EB6
83.3%	83.3% #2541AA	RGB 37 65 170	#2541AA
100.0%	100.0% #1A349F	RGB 26 52 159	#1A349F

#5E84E5 #5276D9 #4769CD #3C5CC2 #304EB6 #2541AA #1A349F

#5E84E5 - #1A349F

HSV Blend

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

0.0%	0.0% #5E84E5	RGB 94 132 229	#5E84E5
16.7%	16.7% #5074D9	RGB 80 116 217	#5074D9
33.3%	33.3% #4366CD	RGB 67 102 205	#4366CD
50.0%	50.0% #3758C2	RGB 55 88 194	#3758C2
66.7%	66.7% #2C4BB6	RGB 44 75 182	#2C4BB6
83.3%	83.3% #223FAA	RGB 34 63 170	#223FAA
100.0%	100.0% #1A349F	RGB 26 52 159	#1A349F

#5E84E5 #5074D9 #4366CD #3758C2 #2C4BB6 #223FAA #1A349F

#5E84E5 - #3758C2 - #1A349F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E84E5 0%, #3758C2 50%, #1A349F 100%);
    background: -webkit-linear-gradient(top, #5E84E5 0%, #3758C2 50%, #1A349F 100%);
    background: linear-gradient(to bottom, #5E84E5 0%, #3758C2 50%, #1A349F 100%);
}
</style>