#C2FFE8 - #F7EEFF | 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 #C2FFE8 to #F7EEFF

#C2FFE8 #F7EEFF

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

#C2FFE8 - #F7EEFF | 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 #C2FFE8 as 0% and #F7EEFF as 100%.

0.0%	0.0% #C2FFE8	RGB 194 255 232	#C2FFE8
16.7%	16.7% #CAFCEB	RGB 202 252 235	#CAFCEB
33.3%	33.3% #D3F9EF	RGB 211 249 239	#D3F9EF
50.0%	50.0% #DCF6F3	RGB 220 246 243	#DCF6F3
66.7%	66.7% #E5F3F7	RGB 229 243 247	#E5F3F7
83.3%	83.3% #EEF0FB	RGB 238 240 251	#EEF0FB
100.0%	100.0% #F7EEFF	RGB 247 238 255	#F7EEFF

#C2FFE8 #CAFCEB #D3F9EF #DCF6F3 #E5F3F7 #EEF0FB #F7EEFF

#C2FFE8 - #F7EEFF

HSV Blend

#C2FFE8 - #F7EEFF | 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 #C2FFE8 as 0% and #F7EEFF as 100%.

0.0%	0.0% #C2FFE8	RGB 194 255 232	#C2FFE8
16.7%	16.7% #C9FFFB	RGB 201 255 251	#C9FFFB
33.3%	33.3% #D0F3FF	RGB 208 243 255	#D0F3FF
50.0%	50.0% #D8E8FF	RGB 216 232 255	#D8E8FF
66.7%	66.7% #DFE2FF	RGB 223 226 255	#DFE2FF
83.3%	83.3% #EBE6FF	RGB 235 230 255	#EBE6FF
100.0%	100.0% #F7EEFF	RGB 247 238 255	#F7EEFF

#C2FFE8 #C9FFFB #D0F3FF #D8E8FF #DFE2FF #EBE6FF #F7EEFF

#C2FFE8 - #D8E8FF - #F7EEFF

CSS codes

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

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