#C0FFEE - #68DACD | 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 #C0FFEE to #68DACD

#C0FFEE #68DACD

Calculate the color between two colors, #C0FFEE and #68DACD. 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)

#C0FFEE - #68DACD | 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 #C0FFEE as 0% and #68DACD as 100%.

0.0%	0.0% #C0FFEE	RGB 192 255 238	#C0FFEE
16.7%	16.7% #B1F8E8	RGB 177 248 232	#B1F8E8
33.3%	33.3% #A2F2E3	RGB 162 242 227	#A2F2E3
50.0%	50.0% #94ECDD	RGB 148 236 221	#94ECDD
66.7%	66.7% #85E6D8	RGB 133 230 216	#85E6D8
83.3%	83.3% #76E0D2	RGB 118 224 210	#76E0D2
100.0%	100.0% #68DACD	RGB 104 218 205	#68DACD

#C0FFEE #B1F8E8 #A2F2E3 #94ECDD #85E6D8 #76E0D2 #68DACD

#C0FFEE - #68DACD

HSV Blend

#C0FFEE - #68DACD | 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 #C0FFEE as 0% and #68DACD as 100%.

0.0%	0.0% #C0FFEE	RGB 192 255 238	#C0FFEE
16.7%	16.7% #AFF8E7	RGB 175 248 231	#AFF8E7
33.3%	33.3% #A0F2E0	RGB 160 242 224	#A0F2E0
50.0%	50.0% #91ECDB	RGB 145 236 219	#91ECDB
66.7%	66.7% #83E6D5	RGB 131 230 213	#83E6D5
83.3%	83.3% #75E0D1	RGB 117 224 209	#75E0D1
100.0%	100.0% #68DACD	RGB 104 218 205	#68DACD

#C0FFEE #AFF8E7 #A0F2E0 #91ECDB #83E6D5 #75E0D1 #68DACD

#C0FFEE - #91ECDB - #68DACD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFEE 0%, #91ECDB 50%, #68DACD 100%);
    background: -webkit-linear-gradient(top, #C0FFEE 0%, #91ECDB 50%, #68DACD 100%);
    background: linear-gradient(to bottom, #C0FFEE 0%, #91ECDB 50%, #68DACD 100%);
}
</style>