#CCF0C9 - #EFFAEF | 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 #CCF0C9 to #EFFAEF

#CCF0C9 #EFFAEF

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

#CCF0C9 - #EFFAEF | 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 #CCF0C9 as 0% and #EFFAEF as 100%.

0.0%	0.0% #CCF0C9	RGB 204 240 201	#CCF0C9
16.7%	16.7% #D1F1CF	RGB 209 241 207	#D1F1CF
33.3%	33.3% #D7F3D5	RGB 215 243 213	#D7F3D5
50.0%	50.0% #DDF5DC	RGB 221 245 220	#DDF5DC
66.7%	66.7% #E3F6E2	RGB 227 246 226	#E3F6E2
83.3%	83.3% #E9F8E8	RGB 233 248 232	#E9F8E8
100.0%	100.0% #EFFAEF	RGB 239 250 239	#EFFAEF

#CCF0C9 #D1F1CF #D7F3D5 #DDF5DC #E3F6E2 #E9F8E8 #EFFAEF

#CCF0C9 - #EFFAEF

HSV Blend

#CCF0C9 - #EFFAEF | 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 #CCF0C9 as 0% and #EFFAEF as 100%.

0.0%	0.0% #CCF0C9	RGB 204 240 201	#CCF0C9
16.7%	16.7% #D1F1CF	RGB 209 241 207	#D1F1CF
33.3%	33.3% #D6F3D5	RGB 214 243 213	#D6F3D5
50.0%	50.0% #DCF5DB	RGB 220 245 219	#DCF5DB
66.7%	66.7% #E2F6E2	RGB 226 246 226	#E2F6E2
83.3%	83.3% #E8F8E8	RGB 232 248 232	#E8F8E8
100.0%	100.0% #EFFAEF	RGB 239 250 239	#EFFAEF

#CCF0C9 #D1F1CF #D6F3D5 #DCF5DB #E2F6E2 #E8F8E8 #EFFAEF

#CCF0C9 - #DCF5DB - #EFFAEF

CSS codes

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

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