#CDDCD8 - #D9FFE7 | 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 #CDDCD8 to #D9FFE7

#CDDCD8 #D9FFE7

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

#CDDCD8 - #D9FFE7 | 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 #CDDCD8 as 0% and #D9FFE7 as 100%.

0.0%	0.0% #CDDCD8	RGB 205 220 216	#CDDCD8
16.7%	16.7% #CFE1DA	RGB 207 225 218	#CFE1DA
33.3%	33.3% #D1E7DD	RGB 209 231 221	#D1E7DD
50.0%	50.0% #D3EDDF	RGB 211 237 223	#D3EDDF
66.7%	66.7% #D5F3E2	RGB 213 243 226	#D5F3E2
83.3%	83.3% #D7F9E4	RGB 215 249 228	#D7F9E4
100.0%	100.0% #D9FFE7	RGB 217 255 231	#D9FFE7

#CDDCD8 #CFE1DA #D1E7DD #D3EDDF #D5F3E2 #D7F9E4 #D9FFE7

#CDDCD8 - #D9FFE7

HSV Blend

#CDDCD8 - #D9FFE7 | 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 #CDDCD8 as 0% and #D9FFE7 as 100%.

0.0%	0.0% #CDDCD8	RGB 205 220 216	#CDDCD8
16.7%	16.7% #CFE1DB	RGB 207 225 219	#CFE1DB
33.3%	33.3% #D1E7DF	RGB 209 231 223	#D1E7DF
50.0%	50.0% #D3EDE1	RGB 211 237 225	#D3EDE1
66.7%	66.7% #D5F3E4	RGB 213 243 228	#D5F3E4
83.3%	83.3% #D7F9E5	RGB 215 249 229	#D7F9E5
100.0%	100.0% #D9FFE7	RGB 217 255 231	#D9FFE7

#CDDCD8 #CFE1DB #D1E7DF #D3EDE1 #D5F3E4 #D7F9E5 #D9FFE7

#CDDCD8 - #D3EDE1 - #D9FFE7

CSS codes

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

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