#C2EFD9 - #DCE8D0 | 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 #C2EFD9 to #DCE8D0

#C2EFD9 #DCE8D0

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

#C2EFD9 - #DCE8D0 | 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 #C2EFD9 as 0% and #DCE8D0 as 100%.

0.0%	0.0% #C2EFD9	RGB 194 239 217	#C2EFD9
16.7%	16.7% #C6EDD7	RGB 198 237 215	#C6EDD7
33.3%	33.3% #CAECD6	RGB 202 236 214	#CAECD6
50.0%	50.0% #CFEBD4	RGB 207 235 212	#CFEBD4
66.7%	66.7% #D3EAD3	RGB 211 234 211	#D3EAD3
83.3%	83.3% #D7E9D1	RGB 215 233 209	#D7E9D1
100.0%	100.0% #DCE8D0	RGB 220 232 208	#DCE8D0

#C2EFD9 #C6EDD7 #CAECD6 #CFEBD4 #D3EAD3 #D7E9D1 #DCE8D0

#C2EFD9 - #DCE8D0

HSV Blend

#C2EFD9 - #DCE8D0 | 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 #C2EFD9 as 0% and #DCE8D0 as 100%.

0.0%	0.0% #C2EFD9	RGB 194 239 217	#C2EFD9
16.7%	16.7% #C4EDD2	RGB 196 237 210	#C4EDD2
33.3%	33.3% #C6ECCD	RGB 198 236 205	#C6ECCD
50.0%	50.0% #C9EBC9	RGB 201 235 201	#C9EBC9
66.7%	66.7% #D0EACB	RGB 208 234 203	#D0EACB
83.3%	83.3% #D6E9CD	RGB 214 233 205	#D6E9CD
100.0%	100.0% #DCE8D0	RGB 220 232 208	#DCE8D0

#C2EFD9 #C4EDD2 #C6ECCD #C9EBC9 #D0EACB #D6E9CD #DCE8D0

#C2EFD9 - #C9EBC9 - #DCE8D0

CSS codes

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

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