#5E9895 - #1A2B2A | 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 #5E9895 to #1A2B2A

#5E9895 #1A2B2A

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

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

0.0%	0.0% #5E9895	RGB 94 152 149	#5E9895
16.7%	16.7% #528583	RGB 82 133 131	#528583
33.3%	33.3% #477371	RGB 71 115 113	#477371
50.0%	50.0% #3C615F	RGB 60 97 95	#3C615F
66.7%	66.7% #304F4D	RGB 48 79 77	#304F4D
83.3%	83.3% #253D3B	RGB 37 61 59	#253D3B
100.0%	100.0% #1A2B2A	RGB 26 43 42	#1A2B2A

#5E9895 #528583 #477371 #3C615F #304F4D #253D3B #1A2B2A

#5E9895 - #1A2B2A

HSV Blend

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

0.0%	0.0% #5E9895	RGB 94 152 149	#5E9895
16.7%	16.7% #528583	RGB 82 133 131	#528583
33.3%	33.3% #467371	RGB 70 115 113	#467371
50.0%	50.0% #3B615F	RGB 59 97 95	#3B615F
66.7%	66.7% #304F4D	RGB 48 79 77	#304F4D
83.3%	83.3% #253D3B	RGB 37 61 59	#253D3B
100.0%	100.0% #1A2B2A	RGB 26 43 42	#1A2B2A

#5E9895 #528583 #467371 #3B615F #304F4D #253D3B #1A2B2A

#5E9895 - #3B615F - #1A2B2A

CSS codes

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

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