#C0ECDA - #5AC1AC | 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 #C0ECDA to #5AC1AC

#C0ECDA #5AC1AC

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

#C0ECDA - #5AC1AC | 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 #C0ECDA as 0% and #5AC1AC as 100%.

0.0%	0.0% #C0ECDA	RGB 192 236 218	#C0ECDA
16.7%	16.7% #AFE4D2	RGB 175 228 210	#AFE4D2
33.3%	33.3% #9EDDCA	RGB 158 221 202	#9EDDCA
50.0%	50.0% #8DD6C3	RGB 141 214 195	#8DD6C3
66.7%	66.7% #7CCFBB	RGB 124 207 187	#7CCFBB
83.3%	83.3% #6BC8B3	RGB 107 200 179	#6BC8B3
100.0%	100.0% #5AC1AC	RGB 90 193 172	#5AC1AC

#C0ECDA #AFE4D2 #9EDDCA #8DD6C3 #7CCFBB #6BC8B3 #5AC1AC

#C0ECDA - #5AC1AC

HSV Blend

#C0ECDA - #5AC1AC | 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 #C0ECDA as 0% and #5AC1AC as 100%.

0.0%	0.0% #C0ECDA	RGB 192 236 218	#C0ECDA
16.7%	16.7% #ACE4CF	RGB 172 228 207	#ACE4CF
33.3%	33.3% #9ADDC6	RGB 154 221 198	#9ADDC6
50.0%	50.0% #89D6BE	RGB 137 214 190	#89D6BE
66.7%	66.7% #78CFB7	RGB 120 207 183	#78CFB7
83.3%	83.3% #68C8B1	RGB 104 200 177	#68C8B1
100.0%	100.0% #5AC1AC	RGB 90 193 172	#5AC1AC

#C0ECDA #ACE4CF #9ADDC6 #89D6BE #78CFB7 #68C8B1 #5AC1AC

#C0ECDA - #89D6BE - #5AC1AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0ECDA 0%, #89D6BE 50%, #5AC1AC 100%);
    background: -webkit-linear-gradient(top, #C0ECDA 0%, #89D6BE 50%, #5AC1AC 100%);
    background: linear-gradient(to bottom, #C0ECDA 0%, #89D6BE 50%, #5AC1AC 100%);
}
</style>