#C2DFC7 - #EDF5EF | 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 #C2DFC7 to #EDF5EF

#C2DFC7 #EDF5EF

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

#C2DFC7 - #EDF5EF | 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 #C2DFC7 as 0% and #EDF5EF as 100%.

0.0%	0.0% #C2DFC7	RGB 194 223 199	#C2DFC7
16.7%	16.7% #C9E2CD	RGB 201 226 205	#C9E2CD
33.3%	33.3% #D0E6D4	RGB 208 230 212	#D0E6D4
50.0%	50.0% #D7EADB	RGB 215 234 219	#D7EADB
66.7%	66.7% #DEEDE1	RGB 222 237 225	#DEEDE1
83.3%	83.3% #E5F1E8	RGB 229 241 232	#E5F1E8
100.0%	100.0% #EDF5EF	RGB 237 245 239	#EDF5EF

#C2DFC7 #C9E2CD #D0E6D4 #D7EADB #DEEDE1 #E5F1E8 #EDF5EF

#C2DFC7 - #EDF5EF

HSV Blend

#C2DFC7 - #EDF5EF | 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 #C2DFC7 as 0% and #EDF5EF as 100%.

0.0%	0.0% #C2DFC7	RGB 194 223 199	#C2DFC7
16.7%	16.7% #C8E2CD	RGB 200 226 205	#C8E2CD
33.3%	33.3% #CFE6D4	RGB 207 230 212	#CFE6D4
50.0%	50.0% #D6EADA	RGB 214 234 218	#D6EADA
66.7%	66.7% #DEEDE1	RGB 222 237 225	#DEEDE1
83.3%	83.3% #E5F1E8	RGB 229 241 232	#E5F1E8
100.0%	100.0% #EDF5EF	RGB 237 245 239	#EDF5EF

#C2DFC7 #C8E2CD #CFE6D4 #D6EADA #DEEDE1 #E5F1E8 #EDF5EF

#C2DFC7 - #D6EADA - #EDF5EF

CSS codes

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

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