#5E7BB8 - #1B4C8F | 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 #5E7BB8 to #1B4C8F

#5E7BB8 #1B4C8F

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

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

0.0%	0.0% #5E7BB8	RGB 94 123 184	#5E7BB8
16.7%	16.7% #5273B1	RGB 82 115 177	#5273B1
33.3%	33.3% #476BAA	RGB 71 107 170	#476BAA
50.0%	50.0% #3C63A3	RGB 60 99 163	#3C63A3
66.7%	66.7% #315B9C	RGB 49 91 156	#315B9C
83.3%	83.3% #265395	RGB 38 83 149	#265395
100.0%	100.0% #1B4C8F	RGB 27 76 143	#1B4C8F

#5E7BB8 #5273B1 #476BAA #3C63A3 #315B9C #265395 #1B4C8F

#5E7BB8 - #1B4C8F

HSV Blend

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

0.0%	0.0% #5E7BB8	RGB 94 123 184	#5E7BB8
16.7%	16.7% #5071B1	RGB 80 113 177	#5071B1
33.3%	33.3% #4468AA	RGB 68 104 170	#4468AA
50.0%	50.0% #3960A3	RGB 57 96 163	#3960A3
66.7%	66.7% #2E599C	RGB 46 89 156	#2E599C
83.3%	83.3% #245295	RGB 36 82 149	#245295
100.0%	100.0% #1B4C8F	RGB 27 76 143	#1B4C8F

#5E7BB8 #5071B1 #4468AA #3960A3 #2E599C #245295 #1B4C8F

#5E7BB8 - #3960A3 - #1B4C8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7BB8 0%, #3960A3 50%, #1B4C8F 100%);
    background: -webkit-linear-gradient(top, #5E7BB8 0%, #3960A3 50%, #1B4C8F 100%);
    background: linear-gradient(to bottom, #5E7BB8 0%, #3960A3 50%, #1B4C8F 100%);
}
</style>