#C6FFFF - #D5E4DC | 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 #C6FFFF to #D5E4DC

#C6FFFF #D5E4DC

Calculate the color between two colors, #C6FFFF and #D5E4DC. 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)

#C6FFFF - #D5E4DC | 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 #C6FFFF as 0% and #D5E4DC as 100%.

0.0%	0.0% #C6FFFF	RGB 198 255 255	#C6FFFF
16.7%	16.7% #C8FAF9	RGB 200 250 249	#C8FAF9
33.3%	33.3% #CBF6F3	RGB 203 246 243	#CBF6F3
50.0%	50.0% #CDF1ED	RGB 205 241 237	#CDF1ED
66.7%	66.7% #D0EDE7	RGB 208 237 231	#D0EDE7
83.3%	83.3% #D2E8E1	RGB 210 232 225	#D2E8E1
100.0%	100.0% #D5E4DC	RGB 213 228 220	#D5E4DC

#C6FFFF #C8FAF9 #CBF6F3 #CDF1ED #D0EDE7 #D2E8E1 #D5E4DC

#C6FFFF - #D5E4DC

HSV Blend

#C6FFFF - #D5E4DC | 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 #C6FFFF as 0% and #D5E4DC as 100%.

0.0%	0.0% #C6FFFF	RGB 198 255 255	#C6FFFF
16.7%	16.7% #C9FAF6	RGB 201 250 246	#C9FAF6
33.3%	33.3% #CBF6EE	RGB 203 246 238	#CBF6EE
50.0%	50.0% #CEF1E8	RGB 206 241 232	#CEF1E8
66.7%	66.7% #D0EDE3	RGB 208 237 227	#D0EDE3
83.3%	83.3% #D3E8DE	RGB 211 232 222	#D3E8DE
100.0%	100.0% #D5E4DC	RGB 213 228 220	#D5E4DC

#C6FFFF #C9FAF6 #CBF6EE #CEF1E8 #D0EDE3 #D3E8DE #D5E4DC

#C6FFFF - #CEF1E8 - #D5E4DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6FFFF 0%, #CEF1E8 50%, #D5E4DC 100%);
    background: -webkit-linear-gradient(top, #C6FFFF 0%, #CEF1E8 50%, #D5E4DC 100%);
    background: linear-gradient(to bottom, #C6FFFF 0%, #CEF1E8 50%, #D5E4DC 100%);
}
</style>