#5E7EBD - #1F366C | 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 #5E7EBD to #1F366C

#5E7EBD #1F366C

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

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

0.0%	0.0% #5E7EBD	RGB 94 126 189	#5E7EBD
16.7%	16.7% #5372AF	RGB 83 114 175	#5372AF
33.3%	33.3% #4966A2	RGB 73 102 162	#4966A2
50.0%	50.0% #3E5A94	RGB 62 90 148	#3E5A94
66.7%	66.7% #344E87	RGB 52 78 135	#344E87
83.3%	83.3% #294279	RGB 41 66 121	#294279
100.0%	100.0% #1F366C	RGB 31 54 108	#1F366C

#5E7EBD #5372AF #4966A2 #3E5A94 #344E87 #294279 #1F366C

#5E7EBD - #1F366C

HSV Blend

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

0.0%	0.0% #5E7EBD	RGB 94 126 189	#5E7EBD
16.7%	16.7% #5170AF	RGB 81 112 175	#5170AF
33.3%	33.3% #4563A2	RGB 69 99 162	#4563A2
50.0%	50.0% #3A5694	RGB 58 86 148	#3A5694
66.7%	66.7% #304B87	RGB 48 75 135	#304B87
83.3%	83.3% #274079	RGB 39 64 121	#274079
100.0%	100.0% #1F366C	RGB 31 54 108	#1F366C

#5E7EBD #5170AF #4563A2 #3A5694 #304B87 #274079 #1F366C

#5E7EBD - #3A5694 - #1F366C

CSS codes

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

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