#CDDADC - #CFEAE4 | 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 #CDDADC to #CFEAE4

#CDDADC #CFEAE4

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

#CDDADC - #CFEAE4 | 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 #CDDADC as 0% and #CFEAE4 as 100%.

0.0%	0.0% #CDDADC	RGB 205 218 220	#CDDADC
16.7%	16.7% #CDDCDD	RGB 205 220 221	#CDDCDD
33.3%	33.3% #CDDFDE	RGB 205 223 222	#CDDFDE
50.0%	50.0% #CEE2E0	RGB 206 226 224	#CEE2E0
66.7%	66.7% #CEE4E1	RGB 206 228 225	#CEE4E1
83.3%	83.3% #CEE7E2	RGB 206 231 226	#CEE7E2
100.0%	100.0% #CFEAE4	RGB 207 234 228	#CFEAE4

#CDDADC #CDDCDD #CDDFDE #CEE2E0 #CEE4E1 #CEE7E2 #CFEAE4

#CDDADC - #CFEAE4

HSV Blend

#CDDADC - #CFEAE4 | 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 #CDDADC as 0% and #CFEAE4 as 100%.

0.0%	0.0% #CDDADC	RGB 205 218 220	#CDDADC
16.7%	16.7% #CDDDDE	RGB 205 221 222	#CDDDDE
33.3%	33.3% #CDE0E0	RGB 205 224 224	#CDE0E0
50.0%	50.0% #CEE3E2	RGB 206 227 226	#CEE3E2
66.7%	66.7% #CEE5E2	RGB 206 229 226	#CEE5E2
83.3%	83.3% #CEE7E3	RGB 206 231 227	#CEE7E3
100.0%	100.0% #CFEAE4	RGB 207 234 228	#CFEAE4

#CDDADC #CDDDDE #CDE0E0 #CEE3E2 #CEE5E2 #CEE7E3 #CFEAE4

#CDDADC - #CEE3E2 - #CFEAE4

CSS codes

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

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