#CCFFE2 - #72DBC2 | 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 #72DBC2

#CCFFE2 #72DBC2

Calculate the color between two colors, #CCFFE2 and #72DBC2. 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 - #72DBC2 | 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 #72DBC2 as 100%.

0.0%	0.0% #CCFFE2	RGB 204 255 226	#CCFFE2
16.7%	16.7% #BDF9DC	RGB 189 249 220	#BDF9DC
33.3%	33.3% #AEF3D7	RGB 174 243 215	#AEF3D7
50.0%	50.0% #9FEDD2	RGB 159 237 210	#9FEDD2
66.7%	66.7% #90E7CC	RGB 144 231 204	#90E7CC
83.3%	83.3% #81E1C7	RGB 129 225 199	#81E1C7
100.0%	100.0% #72DBC2	RGB 114 219 194	#72DBC2

#CCFFE2 #BDF9DC #AEF3D7 #9FEDD2 #90E7CC #81E1C7 #72DBC2

#CCFFE2 - #72DBC2

HSV Blend

#CCFFE2 - #72DBC2 | 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 #72DBC2 as 100%.

0.0%	0.0% #CCFFE2	RGB 204 255 226	#CCFFE2
16.7%	16.7% #BBF9D9	RGB 187 249 217	#BBF9D9
33.3%	33.3% #ABF3D2	RGB 171 243 210	#ABF3D2
50.0%	50.0% #9CEDCC	RGB 156 237 204	#9CEDCC
66.7%	66.7% #8DE7C7	RGB 141 231 199	#8DE7C7
83.3%	83.3% #7FE1C4	RGB 127 225 196	#7FE1C4
100.0%	100.0% #72DBC2	RGB 114 219 194	#72DBC2

#CCFFE2 #BBF9D9 #ABF3D2 #9CEDCC #8DE7C7 #7FE1C4 #72DBC2

#CCFFE2 - #9CEDCC - #72DBC2

CSS codes

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

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