#5E7EB6 - #1A508D | 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 #5E7EB6 to #1A508D

#5E7EB6 #1A508D

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

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

0.0%	0.0% #5E7EB6	RGB 94 126 182	#5E7EB6
16.7%	16.7% #5276AF	RGB 82 118 175	#5276AF
33.3%	33.3% #476EA8	RGB 71 110 168	#476EA8
50.0%	50.0% #3C67A1	RGB 60 103 161	#3C67A1
66.7%	66.7% #305F9A	RGB 48 95 154	#305F9A
83.3%	83.3% #255793	RGB 37 87 147	#255793
100.0%	100.0% #1A508D	RGB 26 80 141	#1A508D

#5E7EB6 #5276AF #476EA8 #3C67A1 #305F9A #255793 #1A508D

#5E7EB6 - #1A508D

HSV Blend

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

0.0%	0.0% #5E7DB6	RGB 94 125 182	#5E7DB6
16.7%	16.7% #5074AF	RGB 80 116 175	#5074AF
33.3%	33.3% #446CA8	RGB 68 108 168	#446CA8
50.0%	50.0% #3864A1	RGB 56 100 161	#3864A1
66.7%	66.7% #2D5C9A	RGB 45 92 154	#2D5C9A
83.3%	83.3% #235693	RGB 35 86 147	#235693
100.0%	100.0% #1A508D	RGB 26 80 141	#1A508D

#5E7DB6 #5074AF #446CA8 #3864A1 #2D5C9A #235693 #1A508D

#5E7EB6 - #3864A1 - #1A508D

CSS codes

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

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