#5E97DB - #1F4FB1 | 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 #5E97DB to #1F4FB1

#5E97DB #1F4FB1

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

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

0.0%	0.0% #5E97DB	RGB 94 151 219	#5E97DB
16.7%	16.7% #538BD4	RGB 83 139 212	#538BD4
33.3%	33.3% #497FCD	RGB 73 127 205	#497FCD
50.0%	50.0% #3E73C6	RGB 62 115 198	#3E73C6
66.7%	66.7% #3467BF	RGB 52 103 191	#3467BF
83.3%	83.3% #295BB8	RGB 41 91 184	#295BB8
100.0%	100.0% #1F4FB1	RGB 31 79 177	#1F4FB1

#5E97DB #538BD4 #497FCD #3E73C6 #3467BF #295BB8 #1F4FB1

#5E97DB - #1F4FB1

HSV Blend

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

0.0%	0.0% #5E97DB	RGB 94 151 219	#5E97DB
16.7%	16.7% #528AD4	RGB 82 138 212	#528AD4
33.3%	33.3% #467ECD	RGB 70 126 205	#467ECD
50.0%	50.0% #3B72C6	RGB 59 114 198	#3B72C6
66.7%	66.7% #3166BF	RGB 49 102 191	#3166BF
83.3%	83.3% #285AB8	RGB 40 90 184	#285AB8
100.0%	100.0% #1F4FB1	RGB 31 79 177	#1F4FB1

#5E97DB #528AD4 #467ECD #3B72C6 #3166BF #285AB8 #1F4FB1

#5E97DB - #3B72C6 - #1F4FB1

CSS codes

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

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