#CDDCD4 - #D9FFDC | 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 #CDDCD4 to #D9FFDC

#CDDCD4 #D9FFDC

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

#CDDCD4 - #D9FFDC | 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 #CDDCD4 as 0% and #D9FFDC as 100%.

0.0%	0.0% #CDDCD4	RGB 205 220 212	#CDDCD4
16.7%	16.7% #CFE1D5	RGB 207 225 213	#CFE1D5
33.3%	33.3% #D1E7D6	RGB 209 231 214	#D1E7D6
50.0%	50.0% #D3EDD8	RGB 211 237 216	#D3EDD8
66.7%	66.7% #D5F3D9	RGB 213 243 217	#D5F3D9
83.3%	83.3% #D7F9DA	RGB 215 249 218	#D7F9DA
100.0%	100.0% #D9FFDC	RGB 217 255 220	#D9FFDC

#CDDCD4 #CFE1D5 #D1E7D6 #D3EDD8 #D5F3D9 #D7F9DA #D9FFDC

#CDDCD4 - #D9FFDC

HSV Blend

#CDDCD4 - #D9FFDC | 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 #CDDCD4 as 0% and #D9FFDC as 100%.

0.0%	0.0% #CDDCD4	RGB 205 220 212	#CDDCD4
16.7%	16.7% #CFE1D6	RGB 207 225 214	#CFE1D6
33.3%	33.3% #D1E7D9	RGB 209 231 217	#D1E7D9
50.0%	50.0% #D3EDDA	RGB 211 237 218	#D3EDDA
66.7%	66.7% #D5F3DB	RGB 213 243 219	#D5F3DB
83.3%	83.3% #D7F9DC	RGB 215 249 220	#D7F9DC
100.0%	100.0% #D9FFDC	RGB 217 255 220	#D9FFDC

#CDDCD4 #CFE1D6 #D1E7D9 #D3EDDA #D5F3DB #D7F9DC #D9FFDC

#CDDCD4 - #D3EDDA - #D9FFDC

CSS codes

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

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