#CCFFE2 - #E2EAD8 | 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 #CCFFE2 to #E2EAD8

#CCFFE2 #E2EAD8

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

#CCFFE2 - #E2EAD8 | 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 #CCFFE2 as 0% and #E2EAD8 as 100%.

0.0%	0.0% #CCFFE2	RGB 204 255 226	#CCFFE2
16.7%	16.7% #CFFBE0	RGB 207 251 224	#CFFBE0
33.3%	33.3% #D3F8DE	RGB 211 248 222	#D3F8DE
50.0%	50.0% #D7F4DD	RGB 215 244 221	#D7F4DD
66.7%	66.7% #DAF1DB	RGB 218 241 219	#DAF1DB
83.3%	83.3% #DEEDD9	RGB 222 237 217	#DEEDD9
100.0%	100.0% #E2EAD8	RGB 226 234 216	#E2EAD8

#CCFFE2 #CFFBE0 #D3F8DE #D7F4DD #DAF1DB #DEEDD9 #E2EAD8

#CCFFE2 - #E2EAD8

HSV Blend

#CCFFE2 - #E2EAD8 | 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 #CCFFE2 as 0% and #E2EAD8 as 100%.

0.0%	0.0% #CCFFE2	RGB 204 255 226	#CCFFE2
16.7%	16.7% #CEFBDA	RGB 206 251 218	#CEFBDA
33.3%	33.3% #D0F8D4	RGB 208 248 212	#D0F8D4
50.0%	50.0% #D4F4D2	RGB 212 244 210	#D4F4D2
66.7%	66.7% #DBF1D4	RGB 219 241 212	#DBF1D4
83.3%	83.3% #DFEDD6	RGB 223 237 214	#DFEDD6
100.0%	100.0% #E2EAD8	RGB 226 234 216	#E2EAD8

#CCFFE2 #CEFBDA #D0F8D4 #D4F4D2 #DBF1D4 #DFEDD6 #E2EAD8

#CCFFE2 - #D4F4D2 - #E2EAD8

CSS codes

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

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