#56E5E5 - #00C0C6 | 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 #56E5E5 to #00C0C6

#56E5E5 #00C0C6

Calculate the color between two colors, #56E5E5 and #00C0C6. 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)

#56E5E5 - #00C0C6 | 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 #56E5E5 as 0% and #00C0C6 as 100%.

0.0%	0.0% #56E5E5	RGB 86 229 229	#56E5E5
16.7%	16.7% #47DEDF	RGB 71 222 223	#47DEDF
33.3%	33.3% #39D8DA	RGB 57 216 218	#39D8DA
50.0%	50.0% #2BD2D5	RGB 43 210 213	#2BD2D5
66.7%	66.7% #1CCCD0	RGB 28 204 208	#1CCCD0
83.3%	83.3% #0EC6CB	RGB 14 198 203	#0EC6CB
100.0%	100.0% #00C0C6	RGB 0 192 198	#00C0C6

#56E5E5 #47DEDF #39D8DA #2BD2D5 #1CCCD0 #0EC6CB #00C0C6

#56E5E5 - #00C0C6

HSV Blend

#56E5E5 - #00C0C6 | 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 #56E5E5 as 0% and #00C0C6 as 100%.

0.0%	0.0% #56E5E5	RGB 86 229 229	#56E5E5
16.7%	16.7% #46DFDF	RGB 70 223 223	#46DFDF
33.3%	33.3% #36D9DA	RGB 54 217 218	#36D9DA
50.0%	50.0% #28D2D5	RGB 40 210 213	#28D2D5
66.7%	66.7% #1ACCD0	RGB 26 204 208	#1ACCD0
83.3%	83.3% #0CC6CB	RGB 12 198 203	#0CC6CB
100.0%	100.0% #00C0C6	RGB 0 192 198	#00C0C6

#56E5E5 #46DFDF #36D9DA #28D2D5 #1ACCD0 #0CC6CB #00C0C6

#56E5E5 - #28D2D5 - #00C0C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #56E5E5 0%, #28D2D5 50%, #00C0C6 100%);
    background: -webkit-linear-gradient(top, #56E5E5 0%, #28D2D5 50%, #00C0C6 100%);
    background: linear-gradient(to bottom, #56E5E5 0%, #28D2D5 50%, #00C0C6 100%);
}
</style>