#1A2F54 - #5E748D | 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 #1A2F54 to #5E748D

#1A2F54 #5E748D

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

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

0.0%	0.0% #1A2F54	RGB 26 47 84	#1A2F54
16.7%	16.7% #253A5D	RGB 37 58 93	#253A5D
33.3%	33.3% #304667	RGB 48 70 103	#304667
50.0%	50.0% #3C5170	RGB 60 81 112	#3C5170
66.7%	66.7% #475D7A	RGB 71 93 122	#475D7A
83.3%	83.3% #526883	RGB 82 104 131	#526883
100.0%	100.0% #5E748D	RGB 94 116 141	#5E748D

#1A2F54 #253A5D #304667 #3C5170 #475D7A #526883 #5E748D

#1A2F54 - #5E748D

HSV Blend

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

0.0%	0.0% #1A2E54	RGB 26 46 84	#1A2E54
16.7%	16.7% #22385D	RGB 34 56 93	#22385D
33.3%	33.3% #2C4367	RGB 44 67 103	#2C4367
50.0%	50.0% #364E70	RGB 54 78 112	#364E70
66.7%	66.7% #425A7A	RGB 66 90 122	#425A7A
83.3%	83.3% #4F6783	RGB 79 103 131	#4F6783
100.0%	100.0% #5E748D	RGB 94 116 141	#5E748D

#1A2E54 #22385D #2C4367 #364E70 #425A7A #4F6783 #5E748D

#1A2F54 - #364E70 - #5E748D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A2E54 0%, #364E70 50%, #5E748D 100%);
    background: -webkit-linear-gradient(top, #1A2E54 0%, #364E70 50%, #5E748D 100%);
    background: linear-gradient(to bottom, #1A2E54 0%, #364E70 50%, #5E748D 100%);
}
</style>