#5E9DAF - #1A2D32 | 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 #5E9DAF to #1A2D32

#5E9DAF #1A2D32

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

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

0.0%	0.0% #5E9DAF	RGB 94 157 175	#5E9DAF
16.7%	16.7% #528A9A	RGB 82 138 154	#528A9A
33.3%	33.3% #477785	RGB 71 119 133	#477785
50.0%	50.0% #3C6570	RGB 60 101 112	#3C6570
66.7%	66.7% #30525B	RGB 48 82 91	#30525B
83.3%	83.3% #253F46	RGB 37 63 70	#253F46
100.0%	100.0% #1A2D32	RGB 26 45 50	#1A2D32

#5E9DAF #528A9A #477785 #3C6570 #30525B #253F46 #1A2D32

#5E9DAF - #1A2D32

HSV Blend

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

0.0%	0.0% #5E9DAF	RGB 94 157 175	#5E9DAF
16.7%	16.7% #528A9A	RGB 82 138 154	#528A9A
33.3%	33.3% #467785	RGB 70 119 133	#467785
50.0%	50.0% #3B6570	RGB 59 101 112	#3B6570
66.7%	66.7% #30525B	RGB 48 82 91	#30525B
83.3%	83.3% #253F46	RGB 37 63 70	#253F46
100.0%	100.0% #1A2D32	RGB 26 45 50	#1A2D32

#5E9DAF #528A9A #467785 #3B6570 #30525B #253F46 #1A2D32

#5E9DAF - #3B6570 - #1A2D32

CSS codes

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

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