#5E91DA - #1F49B1 | 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 #5E91DA to #1F49B1

#5E91DA #1F49B1

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

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

0.0%	0.0% #5E91DA	RGB 94 145 218	#5E91DA
16.7%	16.7% #5385D3	RGB 83 133 211	#5385D3
33.3%	33.3% #4979CC	RGB 73 121 204	#4979CC
50.0%	50.0% #3E6DC5	RGB 62 109 197	#3E6DC5
66.7%	66.7% #3461BE	RGB 52 97 190	#3461BE
83.3%	83.3% #2955B7	RGB 41 85 183	#2955B7
100.0%	100.0% #1F49B1	RGB 31 73 177	#1F49B1

#5E91DA #5385D3 #4979CC #3E6DC5 #3461BE #2955B7 #1F49B1

#5E91DA - #1F49B1

HSV Blend

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

0.0%	0.0% #5E90DA	RGB 94 144 218	#5E90DA
16.7%	16.7% #5284D3	RGB 82 132 211	#5284D3
33.3%	33.3% #4678CC	RGB 70 120 204	#4678CC
50.0%	50.0% #3B6BC5	RGB 59 107 197	#3B6BC5
66.7%	66.7% #3160BE	RGB 49 96 190	#3160BE
83.3%	83.3% #2854B7	RGB 40 84 183	#2854B7
100.0%	100.0% #1F49B1	RGB 31 73 177	#1F49B1

#5E90DA #5284D3 #4678CC #3B6BC5 #3160BE #2854B7 #1F49B1

#5E91DA - #3B6BC5 - #1F49B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E90DA 0%, #3B6BC5 50%, #1F49B1 100%);
    background: -webkit-linear-gradient(top, #5E90DA 0%, #3B6BC5 50%, #1F49B1 100%);
    background: linear-gradient(to bottom, #5E90DA 0%, #3B6BC5 50%, #1F49B1 100%);
}
</style>