#5E8DB2 - #1A2832 | 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 #5E8DB2 to #1A2832

#5E8DB2 #1A2832

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

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

0.0%	0.0% #5E8DB2	RGB 94 141 178	#5E8DB2
16.7%	16.7% #527C9C	RGB 82 124 156	#527C9C
33.3%	33.3% #476B87	RGB 71 107 135	#476B87
50.0%	50.0% #3C5A72	RGB 60 90 114	#3C5A72
66.7%	66.7% #30495C	RGB 48 73 92	#30495C
83.3%	83.3% #253847	RGB 37 56 71	#253847
100.0%	100.0% #1A2832	RGB 26 40 50	#1A2832

#5E8DB2 #527C9C #476B87 #3C5A72 #30495C #253847 #1A2832

#5E8DB2 - #1A2832

HSV Blend

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

0.0%	0.0% #5E8CB2	RGB 94 140 178	#5E8CB2
16.7%	16.7% #527C9C	RGB 82 124 156	#527C9C
33.3%	33.3% #476B87	RGB 71 107 135	#476B87
50.0%	50.0% #3B5A72	RGB 59 90 114	#3B5A72
66.7%	66.7% #30495C	RGB 48 73 92	#30495C
83.3%	83.3% #253847	RGB 37 56 71	#253847
100.0%	100.0% #1A2832	RGB 26 40 50	#1A2832

#5E8CB2 #527C9C #476B87 #3B5A72 #30495C #253847 #1A2832

#5E8DB2 - #3B5A72 - #1A2832

CSS codes

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

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