#5EAC9A - #1A312C | 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 #5EAC9A to #1A312C

#5EAC9A #1A312C

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

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

0.0%	0.0% #5EAC9A	RGB 94 172 154	#5EAC9A
16.7%	16.7% #529787	RGB 82 151 135	#529787
33.3%	33.3% #478375	RGB 71 131 117	#478375
50.0%	50.0% #3C6E63	RGB 60 110 99	#3C6E63
66.7%	66.7% #305A50	RGB 48 90 80	#305A50
83.3%	83.3% #25453E	RGB 37 69 62	#25453E
100.0%	100.0% #1A312C	RGB 26 49 44	#1A312C

#5EAC9A #529787 #478375 #3C6E63 #305A50 #25453E #1A312C

#5EAC9A - #1A312C

HSV Blend

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

0.0%	0.0% #5EAC9A	RGB 94 172 154	#5EAC9A
16.7%	16.7% #529787	RGB 82 151 135	#529787
33.3%	33.3% #468375	RGB 70 131 117	#468375
50.0%	50.0% #3B6E63	RGB 59 110 99	#3B6E63
66.7%	66.7% #305A50	RGB 48 90 80	#305A50
83.3%	83.3% #25453E	RGB 37 69 62	#25453E
100.0%	100.0% #1A312C	RGB 26 49 44	#1A312C

#5EAC9A #529787 #468375 #3B6E63 #305A50 #25453E #1A312C

#5EAC9A - #3B6E63 - #1A312C

CSS codes

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

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