#CDDCCF - #DFFFD9 | 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 #CDDCCF to #DFFFD9

#CDDCCF #DFFFD9

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

#CDDCCF - #DFFFD9 | 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 #CDDCCF as 0% and #DFFFD9 as 100%.

0.0%	0.0% #CDDCCF	RGB 205 220 207	#CDDCCF
16.7%	16.7% #D0E1D0	RGB 208 225 208	#D0E1D0
33.3%	33.3% #D3E7D2	RGB 211 231 210	#D3E7D2
50.0%	50.0% #D6EDD4	RGB 214 237 212	#D6EDD4
66.7%	66.7% #D9F3D5	RGB 217 243 213	#D9F3D5
83.3%	83.3% #DCF9D7	RGB 220 249 215	#DCF9D7
100.0%	100.0% #DFFFD9	RGB 223 255 217	#DFFFD9

#CDDCCF #D0E1D0 #D3E7D2 #D6EDD4 #D9F3D5 #DCF9D7 #DFFFD9

#CDDCCF - #DFFFD9

HSV Blend

#CDDCCF - #DFFFD9 | 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 #CDDCCF as 0% and #DFFFD9 as 100%.

0.0%	0.0% #CDDCCF	RGB 205 220 207	#CDDCCF
16.7%	16.7% #CFE1D0	RGB 207 225 208	#CFE1D0
33.3%	33.3% #D1E7D2	RGB 209 231 210	#D1E7D2
50.0%	50.0% #D4EDD3	RGB 212 237 211	#D4EDD3
66.7%	66.7% #D7F3D5	RGB 215 243 213	#D7F3D5
83.3%	83.3% #DBF9D7	RGB 219 249 215	#DBF9D7
100.0%	100.0% #DFFFD9	RGB 223 255 217	#DFFFD9

#CDDCCF #CFE1D0 #D1E7D2 #D4EDD3 #D7F3D5 #DBF9D7 #DFFFD9

#CDDCCF - #D4EDD3 - #DFFFD9

CSS codes

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

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