#C0FFFB - #5EC7DF | 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 #C0FFFB to #5EC7DF

#C0FFFB #5EC7DF

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

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

0.0%	0.0% #C0FFFB	RGB 192 255 251	#C0FFFB
16.7%	16.7% #AFF5F6	RGB 175 245 246	#AFF5F6
33.3%	33.3% #9FECF1	RGB 159 236 241	#9FECF1
50.0%	50.0% #8FE3ED	RGB 143 227 237	#8FE3ED
66.7%	66.7% #7ED9E8	RGB 126 217 232	#7ED9E8
83.3%	83.3% #6ED0E3	RGB 110 208 227	#6ED0E3
100.0%	100.0% #5EC7DF	RGB 94 199 223	#5EC7DF

#C0FFFB #AFF5F6 #9FECF1 #8FE3ED #7ED9E8 #6ED0E3 #5EC7DF

#C0FFFB - #5EC7DF

HSV Blend

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

0.0%	0.0% #C0FFFB	RGB 192 255 251	#C0FFFB
16.7%	16.7% #AEF9F8	RGB 174 249 248	#AEF9F8
33.3%	33.3% #9CF2F4	RGB 156 242 244	#9CF2F4
50.0%	50.0% #8CE8EF	RGB 140 232 239	#8CE8EF
66.7%	66.7% #7CDEE9	RGB 124 222 233	#7CDEE9
83.3%	83.3% #6CD3E4	RGB 108 211 228	#6CD3E4
100.0%	100.0% #5EC7DF	RGB 94 199 223	#5EC7DF

#C0FFFB #AEF9F8 #9CF2F4 #8CE8EF #7CDEE9 #6CD3E4 #5EC7DF

#C0FFFB - #8CE8EF - #5EC7DF

CSS codes

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

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