#5E94E7 - #1A2942 | 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 #5E94E7 to #1A2942

#5E94E7 #1A2942

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

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

0.0%	0.0% #5E94E7	RGB 94 148 231	#5E94E7
16.7%	16.7% #5282CB	RGB 82 130 203	#5282CB
33.3%	33.3% #4770B0	RGB 71 112 176	#4770B0
50.0%	50.0% #3C5E94	RGB 60 94 148	#3C5E94
66.7%	66.7% #304C79	RGB 48 76 121	#304C79
83.3%	83.3% #253A5D	RGB 37 58 93	#253A5D
100.0%	100.0% #1A2942	RGB 26 41 66	#1A2942

#5E94E7 #5282CB #4770B0 #3C5E94 #304C79 #253A5D #1A2942

#5E94E7 - #1A2942

HSV Blend

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

0.0%	0.0% #5E93E7	RGB 94 147 231	#5E93E7
16.7%	16.7% #5281CB	RGB 82 129 203	#5281CB
33.3%	33.3% #466FB0	RGB 70 111 176	#466FB0
50.0%	50.0% #3B5D94	RGB 59 93 148	#3B5D94
66.7%	66.7% #304B79	RGB 48 75 121	#304B79
83.3%	83.3% #253A5D	RGB 37 58 93	#253A5D
100.0%	100.0% #1A2942	RGB 26 41 66	#1A2942

#5E93E7 #5281CB #466FB0 #3B5D94 #304B79 #253A5D #1A2942

#5E94E7 - #3B5D94 - #1A2942

CSS codes

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

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