#CDDCD5 - #CFEAD5 | 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 #CDDCD5 to #CFEAD5

#CDDCD5 #CFEAD5

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

#CDDCD5 - #CFEAD5 | 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 #CDDCD5 as 0% and #CFEAD5 as 100%.

0.0%	0.0% #CDDCD5	RGB 205 220 213	#CDDCD5
16.7%	16.7% #CDDED5	RGB 205 222 213	#CDDED5
33.3%	33.3% #CDE0D5	RGB 205 224 213	#CDE0D5
50.0%	50.0% #CEE3D5	RGB 206 227 213	#CEE3D5
66.7%	66.7% #CEE5D5	RGB 206 229 213	#CEE5D5
83.3%	83.3% #CEE7D5	RGB 206 231 213	#CEE7D5
100.0%	100.0% #CFEAD5	RGB 207 234 213	#CFEAD5

#CDDCD5 #CDDED5 #CDE0D5 #CEE3D5 #CEE5D5 #CEE7D5 #CFEAD5

#CDDCD5 - #CFEAD5

HSV Blend

#CDDCD5 - #CFEAD5 | 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 #CDDCD5 as 0% and #CFEAD5 as 100%.

0.0%	0.0% #CDDCD5	RGB 205 220 213	#CDDCD5
16.7%	16.7% #CDDED5	RGB 205 222 213	#CDDED5
33.3%	33.3% #CDE0D5	RGB 205 224 213	#CDE0D5
50.0%	50.0% #CEE3D6	RGB 206 227 214	#CEE3D6
66.7%	66.7% #CEE5D5	RGB 206 229 213	#CEE5D5
83.3%	83.3% #CEE7D5	RGB 206 231 213	#CEE7D5
100.0%	100.0% #CFEAD5	RGB 207 234 213	#CFEAD5

#CDDCD5 #CDDED5 #CDE0D5 #CEE3D6 #CEE5D5 #CEE7D5 #CFEAD5

#CDDCD5 - #CEE3D6 - #CFEAD5

CSS codes

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

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