#C5FFFC - #5DCACF | 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 #C5FFFC to #5DCACF

#C5FFFC #5DCACF

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

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

0.0%	0.0% #C5FFFC	RGB 197 255 252	#C5FFFC
16.7%	16.7% #B3F6F4	RGB 179 246 244	#B3F6F4
33.3%	33.3% #A2EDED	RGB 162 237 237	#A2EDED
50.0%	50.0% #91E4E5	RGB 145 228 229	#91E4E5
66.7%	66.7% #7FDBDE	RGB 127 219 222	#7FDBDE
83.3%	83.3% #6ED2D6	RGB 110 210 214	#6ED2D6
100.0%	100.0% #5DCACF	RGB 93 202 207	#5DCACF

#C5FFFC #B3F6F4 #A2EDED #91E4E5 #7FDBDE #6ED2D6 #5DCACF

#C5FFFC - #5DCACF

HSV Blend

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

0.0%	0.0% #C5FFFC	RGB 197 255 252	#C5FFFC
16.7%	16.7% #B1F7F4	RGB 177 247 244	#B1F7F4
33.3%	33.3% #9EEFED	RGB 158 239 237	#9EEFED
50.0%	50.0% #8DE7E6	RGB 141 231 230	#8DE7E6
66.7%	66.7% #7CDDDF	RGB 124 221 223	#7CDDDF
83.3%	83.3% #6CD4D7	RGB 108 212 215	#6CD4D7
100.0%	100.0% #5DCACF	RGB 93 202 207	#5DCACF

#C5FFFC #B1F7F4 #9EEFED #8DE7E6 #7CDDDF #6CD4D7 #5DCACF

#C5FFFC - #8DE7E6 - #5DCACF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5FFFC 0%, #8DE7E6 50%, #5DCACF 100%);
    background: -webkit-linear-gradient(top, #C5FFFC 0%, #8DE7E6 50%, #5DCACF 100%);
    background: linear-gradient(to bottom, #C5FFFC 0%, #8DE7E6 50%, #5DCACF 100%);
}
</style>