#5EAFAA - #215E5D | 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 #5EAFAA to #215E5D

#5EAFAA #215E5D

Calculate the color between two colors, #5EAFAA and #215E5D. 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)

#5EAFAA - #215E5D | 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 #5EAFAA as 0% and #215E5D as 100%.

0.0%	0.0% #5EAFAA	RGB 94 175 170	#5EAFAA
16.7%	16.7% #53A19D	RGB 83 161 157	#53A19D
33.3%	33.3% #499490	RGB 73 148 144	#499490
50.0%	50.0% #3F8683	RGB 63 134 131	#3F8683
66.7%	66.7% #357976	RGB 53 121 118	#357976
83.3%	83.3% #2B6B69	RGB 43 107 105	#2B6B69
100.0%	100.0% #215E5D	RGB 33 94 93	#215E5D

#5EAFAA #53A19D #499490 #3F8683 #357976 #2B6B69 #215E5D

#5EAFAA - #215E5D

HSV Blend

#5EAFAA - #215E5D | 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 #5EAFAA as 0% and #215E5D as 100%.

0.0%	0.0% #5EAFAA	RGB 94 175 170	#5EAFAA
16.7%	16.7% #51A19D	RGB 81 161 157	#51A19D
33.3%	33.3% #469490	RGB 70 148 144	#469490
50.0%	50.0% #3B8683	RGB 59 134 131	#3B8683
66.7%	66.7% #317976	RGB 49 121 118	#317976
83.3%	83.3% #296B69	RGB 41 107 105	#296B69
100.0%	100.0% #215E5D	RGB 33 94 93	#215E5D

#5EAFAA #51A19D #469490 #3B8683 #317976 #296B69 #215E5D

#5EAFAA - #3B8683 - #215E5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAFAA 0%, #3B8683 50%, #215E5D 100%);
    background: -webkit-linear-gradient(top, #5EAFAA 0%, #3B8683 50%, #215E5D 100%);
    background: linear-gradient(to bottom, #5EAFAA 0%, #3B8683 50%, #215E5D 100%);
}
</style>