#5EBBAC - #1A3531 | 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 #5EBBAC to #1A3531

#5EBBAC #1A3531

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

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

0.0%	0.0% #5EBBAC	RGB 94 187 172	#5EBBAC
16.7%	16.7% #52A497	RGB 82 164 151	#52A497
33.3%	33.3% #478E83	RGB 71 142 131	#478E83
50.0%	50.0% #3C786E	RGB 60 120 110	#3C786E
66.7%	66.7% #30615A	RGB 48 97 90	#30615A
83.3%	83.3% #254B45	RGB 37 75 69	#254B45
100.0%	100.0% #1A3531	RGB 26 53 49	#1A3531

#5EBBAC #52A497 #478E83 #3C786E #30615A #254B45 #1A3531

#5EBBAC - #1A3531

HSV Blend

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

0.0%	0.0% #5EBBAC	RGB 94 187 172	#5EBBAC
16.7%	16.7% #52A497	RGB 82 164 151	#52A497
33.3%	33.3% #468E83	RGB 70 142 131	#468E83
50.0%	50.0% #3B786E	RGB 59 120 110	#3B786E
66.7%	66.7% #30615A	RGB 48 97 90	#30615A
83.3%	83.3% #254B45	RGB 37 75 69	#254B45
100.0%	100.0% #1A3531	RGB 26 53 49	#1A3531

#5EBBAC #52A497 #468E83 #3B786E #30615A #254B45 #1A3531

#5EBBAC - #3B786E - #1A3531

CSS codes

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

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