#1A4054 - #5E828D | 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 #1A4054 to #5E828D

#1A4054 #5E828D

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

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

0.0%	0.0% #1A4054	RGB 26 64 84	#1A4054
16.7%	16.7% #254B5D	RGB 37 75 93	#254B5D
33.3%	33.3% #305667	RGB 48 86 103	#305667
50.0%	50.0% #3C6170	RGB 60 97 112	#3C6170
66.7%	66.7% #476C7A	RGB 71 108 122	#476C7A
83.3%	83.3% #527783	RGB 82 119 131	#527783
100.0%	100.0% #5E828D	RGB 94 130 141	#5E828D

#1A4054 #254B5D #305667 #3C6170 #476C7A #527783 #5E828D

#1A4054 - #5E828D

HSV Blend

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

0.0%	0.0% #1A3F54	RGB 26 63 84	#1A3F54
16.7%	16.7% #224A5D	RGB 34 74 93	#224A5D
33.3%	33.3% #2C5467	RGB 44 84 103	#2C5467
50.0%	50.0% #365F70	RGB 54 95 112	#365F70
66.7%	66.7% #426B7A	RGB 66 107 122	#426B7A
83.3%	83.3% #4F7683	RGB 79 118 131	#4F7683
100.0%	100.0% #5E828D	RGB 94 130 141	#5E828D

#1A3F54 #224A5D #2C5467 #365F70 #426B7A #4F7683 #5E828D

#1A4054 - #365F70 - #5E828D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A3F54 0%, #365F70 50%, #5E828D 100%);
    background: -webkit-linear-gradient(top, #1A3F54 0%, #365F70 50%, #5E828D 100%);
    background: linear-gradient(to bottom, #1A3F54 0%, #365F70 50%, #5E828D 100%);
}
</style>