#5E9A9F - #1A2C2D | 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 #5E9A9F to #1A2C2D

#5E9A9F #1A2C2D

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

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

0.0%	0.0% #5E9A9F	RGB 94 154 159	#5E9A9F
16.7%	16.7% #52878C	RGB 82 135 140	#52878C
33.3%	33.3% #477579	RGB 71 117 121	#477579
50.0%	50.0% #3C6366	RGB 60 99 102	#3C6366
66.7%	66.7% #305053	RGB 48 80 83	#305053
83.3%	83.3% #253E40	RGB 37 62 64	#253E40
100.0%	100.0% #1A2C2D	RGB 26 44 45	#1A2C2D

#5E9A9F #52878C #477579 #3C6366 #305053 #253E40 #1A2C2D

#5E9A9F - #1A2C2D

HSV Blend

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

0.0%	0.0% #5E9A9F	RGB 94 154 159	#5E9A9F
16.7%	16.7% #52878C	RGB 82 135 140	#52878C
33.3%	33.3% #467579	RGB 70 117 121	#467579
50.0%	50.0% #3B6366	RGB 59 99 102	#3B6366
66.7%	66.7% #305053	RGB 48 80 83	#305053
83.3%	83.3% #253E40	RGB 37 62 64	#253E40
100.0%	100.0% #1A2C2D	RGB 26 44 45	#1A2C2D

#5E9A9F #52878C #467579 #3B6366 #305053 #253E40 #1A2C2D

#5E9A9F - #3B6366 - #1A2C2D

CSS codes

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

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