#C0FFDD - #F2F2FF | 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 #C0FFDD to #F2F2FF

#C0FFDD #F2F2FF

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

#C0FFDD - #F2F2FF | 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 #C0FFDD as 0% and #F2F2FF as 100%.

0.0%	0.0% #C0FFDD	RGB 192 255 221	#C0FFDD
16.7%	16.7% #C8FCE2	RGB 200 252 226	#C8FCE2
33.3%	33.3% #D0FAE8	RGB 208 250 232	#D0FAE8
50.0%	50.0% #D9F8EE	RGB 217 248 238	#D9F8EE
66.7%	66.7% #E1F6F3	RGB 225 246 243	#E1F6F3
83.3%	83.3% #E9F4F9	RGB 233 244 249	#E9F4F9
100.0%	100.0% #F2F2FF	RGB 242 242 255	#F2F2FF

#C0FFDD #C8FCE2 #D0FAE8 #D9F8EE #E1F6F3 #E9F4F9 #F2F2FF

#C0FFDD - #F2F2FF

HSV Blend

#C0FFDD - #F2F2FF | 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 #C0FFDD as 0% and #F2F2FF as 100%.

0.0%	0.0% #C0FFDD	RGB 192 255 221	#C0FFDD
16.7%	16.7% #C8FFEF	RGB 200 255 239	#C8FFEF
33.3%	33.3% #D0FFFD	RGB 208 255 253	#D0FFFD
50.0%	50.0% #D9F6FF	RGB 217 246 255	#D9F6FF
66.7%	66.7% #E1F0FF	RGB 225 240 255	#E1F0FF
83.3%	83.3% #E9EFFF	RGB 233 239 255	#E9EFFF
100.0%	100.0% #F2F2FF	RGB 242 242 255	#F2F2FF

#C0FFDD #C8FFEF #D0FFFD #D9F6FF #E1F0FF #E9EFFF #F2F2FF

#C0FFDD - #D9F6FF - #F2F2FF

CSS codes

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

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