#5EABD5 - #1A303C | 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 #5EABD5 to #1A303C

#5EABD5 #1A303C

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

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

0.0%	0.0% #5EABD5	RGB 94 171 213	#5EABD5
16.7%	16.7% #5296BB	RGB 82 150 187	#5296BB
33.3%	33.3% #4782A2	RGB 71 130 162	#4782A2
50.0%	50.0% #3C6D88	RGB 60 109 136	#3C6D88
66.7%	66.7% #30596F	RGB 48 89 111	#30596F
83.3%	83.3% #254455	RGB 37 68 85	#254455
100.0%	100.0% #1A303C	RGB 26 48 60	#1A303C

#5EABD5 #5296BB #4782A2 #3C6D88 #30596F #254455 #1A303C

#5EABD5 - #1A303C

HSV Blend

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

0.0%	0.0% #5EABD5	RGB 94 171 213	#5EABD5
16.7%	16.7% #5296BB	RGB 82 150 187	#5296BB
33.3%	33.3% #4781A2	RGB 71 129 162	#4781A2
50.0%	50.0% #3B6D88	RGB 59 109 136	#3B6D88
66.7%	66.7% #30586F	RGB 48 88 111	#30586F
83.3%	83.3% #254455	RGB 37 68 85	#254455
100.0%	100.0% #1A303C	RGB 26 48 60	#1A303C

#5EABD5 #5296BB #4781A2 #3B6D88 #30586F #254455 #1A303C

#5EABD5 - #3B6D88 - #1A303C

CSS codes

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

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