#CACED2 - #CFECE3 | 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 #CACED2 to #CFECE3

#CACED2 #CFECE3

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

#CACED2 - #CFECE3 | 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 #CACED2 as 0% and #CFECE3 as 100%.

0.0%	0.0% #CACED2	RGB 202 206 210	#CACED2
16.7%	16.7% #CAD3D4	RGB 202 211 212	#CAD3D4
33.3%	33.3% #CBD8D7	RGB 203 216 215	#CBD8D7
50.0%	50.0% #CCDDDA	RGB 204 221 218	#CCDDDA
66.7%	66.7% #CDE2DD	RGB 205 226 221	#CDE2DD
83.3%	83.3% #CEE7E0	RGB 206 231 224	#CEE7E0
100.0%	100.0% #CFECE3	RGB 207 236 227	#CFECE3

#CACED2 #CAD3D4 #CBD8D7 #CCDDDA #CDE2DD #CEE7E0 #CFECE3

#CACED2 - #CFECE3

HSV Blend

#CACED2 - #CFECE3 | 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 #CACED2 as 0% and #CFECE3 as 100%.

0.0%	0.0% #CACED2	RGB 202 206 210	#CACED2
16.7%	16.7% #CBD2D6	RGB 203 210 214	#CBD2D6
33.3%	33.3% #CCD7DA	RGB 204 215 218	#CCD7DA
50.0%	50.0% #CDDDDF	RGB 205 221 223	#CDDDDF
66.7%	66.7% #CDE3E2	RGB 205 227 226	#CDE3E2
83.3%	83.3% #CEE7E3	RGB 206 231 227	#CEE7E3
100.0%	100.0% #CFECE3	RGB 207 236 227	#CFECE3

#CACED2 #CBD2D6 #CCD7DA #CDDDDF #CDE3E2 #CEE7E3 #CFECE3

#CACED2 - #CDDDDF - #CFECE3

CSS codes

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

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