#5EABBF - #1A3036 | 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 #5EABBF to #1A3036

#5EABBF #1A3036

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

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

0.0%	0.0% #5EABBF	RGB 94 171 191	#5EABBF
16.7%	16.7% #5296A8	RGB 82 150 168	#5296A8
33.3%	33.3% #478291	RGB 71 130 145	#478291
50.0%	50.0% #3C6D7A	RGB 60 109 122	#3C6D7A
66.7%	66.7% #305963	RGB 48 89 99	#305963
83.3%	83.3% #25444C	RGB 37 68 76	#25444C
100.0%	100.0% #1A3036	RGB 26 48 54	#1A3036

#5EABBF #5296A8 #478291 #3C6D7A #305963 #25444C #1A3036

#5EABBF - #1A3036

HSV Blend

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

0.0%	0.0% #5EAABF	RGB 94 170 191	#5EAABF
16.7%	16.7% #5296A8	RGB 82 150 168	#5296A8
33.3%	33.3% #478191	RGB 71 129 145	#478191
50.0%	50.0% #3B6D7A	RGB 59 109 122	#3B6D7A
66.7%	66.7% #305863	RGB 48 88 99	#305863
83.3%	83.3% #25444C	RGB 37 68 76	#25444C
100.0%	100.0% #1A3036	RGB 26 48 54	#1A3036

#5EAABF #5296A8 #478191 #3B6D7A #305863 #25444C #1A3036

#5EABBF - #3B6D7A - #1A3036

CSS codes

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

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