#5E7BC5 - #1E3374 | 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 #5E7BC5 to #1E3374

#5E7BC5 #1E3374

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

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

0.0%	0.0% #5E7BC5	RGB 94 123 197	#5E7BC5
16.7%	16.7% #536FB7	RGB 83 111 183	#536FB7
33.3%	33.3% #4863AA	RGB 72 99 170	#4863AA
50.0%	50.0% #3E579C	RGB 62 87 156	#3E579C
66.7%	66.7% #334B8F	RGB 51 75 143	#334B8F
83.3%	83.3% #283F81	RGB 40 63 129	#283F81
100.0%	100.0% #1E3374	RGB 30 51 116	#1E3374

#5E7BC5 #536FB7 #4863AA #3E579C #334B8F #283F81 #1E3374

#5E7BC5 - #1E3374

HSV Blend

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

0.0%	0.0% #5E7BC5	RGB 94 123 197	#5E7BC5
16.7%	16.7% #506DB7	RGB 80 109 183	#506DB7
33.3%	33.3% #445FAA	RGB 68 95 170	#445FAA
50.0%	50.0% #39539C	RGB 57 83 156	#39539C
66.7%	66.7% #2F478F	RGB 47 71 143	#2F478F
83.3%	83.3% #263D81	RGB 38 61 129	#263D81
100.0%	100.0% #1E3374	RGB 30 51 116	#1E3374

#5E7BC5 #506DB7 #445FAA #39539C #2F478F #263D81 #1E3374

#5E7BC5 - #39539C - #1E3374

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BC5 0%, #39539C 50%, #1E3374 100%);
    background: -webkit-linear-gradient(top, #5E7BC5 0%, #39539C 50%, #1E3374 100%);
    background: linear-gradient(to bottom, #5E7BC5 0%, #39539C 50%, #1E3374 100%);
}
</style>