#C7D4C8 - #DDEFD3 | 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 #C7D4C8 to #DDEFD3

#C7D4C8 #DDEFD3

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

#C7D4C8 - #DDEFD3 | 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 #C7D4C8 as 0% and #DDEFD3 as 100%.

0.0%	0.0% #C7D4C8	RGB 199 212 200	#C7D4C8
16.7%	16.7% #CAD8C9	RGB 202 216 201	#CAD8C9
33.3%	33.3% #CEDDCB	RGB 206 221 203	#CEDDCB
50.0%	50.0% #D2E1CD	RGB 210 225 205	#D2E1CD
66.7%	66.7% #D5E6CF	RGB 213 230 207	#D5E6CF
83.3%	83.3% #D9EAD1	RGB 217 234 209	#D9EAD1
100.0%	100.0% #DDEFD3	RGB 221 239 211	#DDEFD3

#C7D4C8 #CAD8C9 #CEDDCB #D2E1CD #D5E6CF #D9EAD1 #DDEFD3

#C7D4C8 - #DDEFD3

HSV Blend

#C7D4C8 - #DDEFD3 | 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 #C7D4C8 as 0% and #DDEFD3 as 100%.

0.0%	0.0% #C7D4C8	RGB 199 212 200	#C7D4C8
16.7%	16.7% #C9D8C9	RGB 201 216 201	#C9D8C9
33.3%	33.3% #CCDDCB	RGB 204 221 203	#CCDDCB
50.0%	50.0% #D0E1CD	RGB 208 225 205	#D0E1CD
66.7%	66.7% #D4E6CF	RGB 212 230 207	#D4E6CF
83.3%	83.3% #D8EAD1	RGB 216 234 209	#D8EAD1
100.0%	100.0% #DDEFD3	RGB 221 239 211	#DDEFD3

#C7D4C8 #C9D8C9 #CCDDCB #D0E1CD #D4E6CF #D8EAD1 #DDEFD3

#C7D4C8 - #D0E1CD - #DDEFD3

CSS codes

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

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