#DCFEC2 - #EAFDF2 | 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 #DCFEC2 to #EAFDF2

#DCFEC2 #EAFDF2

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

#DCFEC2 - #EAFDF2 | 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 #DCFEC2 as 0% and #EAFDF2 as 100%.

0.0%	0.0% #DCFEC2	RGB 220 254 194	#DCFEC2
16.7%	16.7% #DEFDCA	RGB 222 253 202	#DEFDCA
33.3%	33.3% #E0FDD2	RGB 224 253 210	#E0FDD2
50.0%	50.0% #E3FDDA	RGB 227 253 218	#E3FDDA
66.7%	66.7% #E5FDE2	RGB 229 253 226	#E5FDE2
83.3%	83.3% #E7FDEA	RGB 231 253 234	#E7FDEA
100.0%	100.0% #EAFDF2	RGB 234 253 242	#EAFDF2

#DCFEC2 #DEFDCA #E0FDD2 #E3FDDA #E5FDE2 #E7FDEA #EAFDF2

#DCFEC2 - #EAFDF2

HSV Blend

#DCFEC2 - #EAFDF2 | 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 #DCFEC2 as 0% and #EAFDF2 as 100%.

0.0%	0.0% #DCFEC2	RGB 220 254 194	#DCFEC2
16.7%	16.7% #D8FDC8	RGB 216 253 200	#D8FDC8
33.3%	33.3% #D6FDCF	RGB 214 253 207	#D6FDCF
50.0%	50.0% #D6FDD6	RGB 214 253 214	#D6FDD6
66.7%	66.7% #DCFDE1	RGB 220 253 225	#DCFDE1
83.3%	83.3% #E3FDEA	RGB 227 253 234	#E3FDEA
100.0%	100.0% #EAFDF2	RGB 234 253 242	#EAFDF2

#DCFEC2 #D8FDC8 #D6FDCF #D6FDD6 #DCFDE1 #E3FDEA #EAFDF2

#DCFEC2 - #D6FDD6 - #EAFDF2

CSS codes

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

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