#CACDD2 - #CFECE2 | 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 #CACDD2 to #CFECE2

#CACDD2 #CFECE2

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

#CACDD2 - #CFECE2 | 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 #CACDD2 as 0% and #CFECE2 as 100%.

0.0%	0.0% #CACDD2	RGB 202 205 210	#CACDD2
16.7%	16.7% #CAD2D4	RGB 202 210 212	#CAD2D4
33.3%	33.3% #CBD7D7	RGB 203 215 215	#CBD7D7
50.0%	50.0% #CCDCDA	RGB 204 220 218	#CCDCDA
66.7%	66.7% #CDE1DC	RGB 205 225 220	#CDE1DC
83.3%	83.3% #CEE6DF	RGB 206 230 223	#CEE6DF
100.0%	100.0% #CFECE2	RGB 207 236 226	#CFECE2

#CACDD2 #CAD2D4 #CBD7D7 #CCDCDA #CDE1DC #CEE6DF #CFECE2

#CACDD2 - #CFECE2

HSV Blend

#CACDD2 - #CFECE2 | 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 #CACDD2 as 0% and #CFECE2 as 100%.

0.0%	0.0% #CACDD2	RGB 202 205 210	#CACDD2
16.7%	16.7% #CBD1D6	RGB 203 209 214	#CBD1D6
33.3%	33.3% #CCD6DA	RGB 204 214 218	#CCD6DA
50.0%	50.0% #CDDCDF	RGB 205 220 223	#CDDCDF
66.7%	66.7% #CDE3E2	RGB 205 227 226	#CDE3E2
83.3%	83.3% #CEE7E3	RGB 206 231 227	#CEE7E3
100.0%	100.0% #CFECE2	RGB 207 236 226	#CFECE2

#CACDD2 #CBD1D6 #CCD6DA #CDDCDF #CDE3E2 #CEE7E3 #CFECE2

#CACDD2 - #CDDCDF - #CFECE2

CSS codes

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

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