#5EFCF1 - #1A4844 | 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 #5EFCF1 to #1A4844

#5EFCF1 #1A4844

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

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

0.0%	0.0% #5EFCF1	RGB 94 252 241	#5EFCF1
16.7%	16.7% #52DED4	RGB 82 222 212	#52DED4
33.3%	33.3% #47C0B7	RGB 71 192 183	#47C0B7
50.0%	50.0% #3CA29A	RGB 60 162 154	#3CA29A
66.7%	66.7% #30847D	RGB 48 132 125	#30847D
83.3%	83.3% #256660	RGB 37 102 96	#256660
100.0%	100.0% #1A4844	RGB 26 72 68	#1A4844

#5EFCF1 #52DED4 #47C0B7 #3CA29A #30847D #256660 #1A4844

#5EFCF1 - #1A4844

HSV Blend

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

0.0%	0.0% #5EFCF1	RGB 94 252 241	#5EFCF1
16.7%	16.7% #52DED3	RGB 82 222 211	#52DED3
33.3%	33.3% #46C0B6	RGB 70 192 182	#46C0B6
50.0%	50.0% #3BA299	RGB 59 162 153	#3BA299
66.7%	66.7% #30847D	RGB 48 132 125	#30847D
83.3%	83.3% #256660	RGB 37 102 96	#256660
100.0%	100.0% #1A4844	RGB 26 72 68	#1A4844

#5EFCF1 #52DED3 #46C0B6 #3BA299 #30847D #256660 #1A4844

#5EFCF1 - #3BA299 - #1A4844

CSS codes

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

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