#C2D8C5 - #DCEFD1 | 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 #C2D8C5 to #DCEFD1

#C2D8C5 #DCEFD1

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

#C2D8C5 - #DCEFD1 | 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 #C2D8C5 as 0% and #DCEFD1 as 100%.

0.0%	0.0% #C2D8C5	RGB 194 216 197	#C2D8C5
16.7%	16.7% #C6DBC7	RGB 198 219 199	#C6DBC7
33.3%	33.3% #CADFC9	RGB 202 223 201	#CADFC9
50.0%	50.0% #CFE3CB	RGB 207 227 203	#CFE3CB
66.7%	66.7% #D3E7CD	RGB 211 231 205	#D3E7CD
83.3%	83.3% #D7EBCF	RGB 215 235 207	#D7EBCF
100.0%	100.0% #DCEFD1	RGB 220 239 209	#DCEFD1

#C2D8C5 #C6DBC7 #CADFC9 #CFE3CB #D3E7CD #D7EBCF #DCEFD1

#C2D8C5 - #DCEFD1

HSV Blend

#C2D8C5 - #DCEFD1 | 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 #C2D8C5 as 0% and #DCEFD1 as 100%.

0.0%	0.0% #C2D8C5	RGB 194 216 197	#C2D8C5
16.7%	16.7% #C4DBC5	RGB 196 219 197	#C4DBC5
33.3%	33.3% #C7DFC7	RGB 199 223 199	#C7DFC7
50.0%	50.0% #CCE3C9	RGB 204 227 201	#CCE3C9
66.7%	66.7% #D1E7CC	RGB 209 231 204	#D1E7CC
83.3%	83.3% #D6EBCE	RGB 214 235 206	#D6EBCE
100.0%	100.0% #DCEFD1	RGB 220 239 209	#DCEFD1

#C2D8C5 #C4DBC5 #C7DFC7 #CCE3C9 #D1E7CC #D6EBCE #DCEFD1

#C2D8C5 - #CCE3C9 - #DCEFD1

CSS codes

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

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