#5E72A7 - #1F3054 | 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 #5E72A7 to #1F3054

#5E72A7 #1F3054

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

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

0.0%	0.0% #5E72A7	RGB 94 114 167	#5E72A7
16.7%	16.7% #536799	RGB 83 103 153	#536799
33.3%	33.3% #495C8B	RGB 73 92 139	#495C8B
50.0%	50.0% #3E517D	RGB 62 81 125	#3E517D
66.7%	66.7% #34466F	RGB 52 70 111	#34466F
83.3%	83.3% #293B61	RGB 41 59 97	#293B61
100.0%	100.0% #1F3054	RGB 31 48 84	#1F3054

#5E72A7 #536799 #495C8B #3E517D #34466F #293B61 #1F3054

#5E72A7 - #1F3054

HSV Blend

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

0.0%	0.0% #5E72A7	RGB 94 114 167	#5E72A7
16.7%	16.7% #516599	RGB 81 101 153	#516599
33.3%	33.3% #45598B	RGB 69 89 139	#45598B
50.0%	50.0% #3A4E7D	RGB 58 78 125	#3A4E7D
66.7%	66.7% #30436F	RGB 48 67 111	#30436F
83.3%	83.3% #273961	RGB 39 57 97	#273961
100.0%	100.0% #1F3054	RGB 31 48 84	#1F3054

#5E72A7 #516599 #45598B #3A4E7D #30436F #273961 #1F3054

#5E72A7 - #3A4E7D - #1F3054

CSS codes

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

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