#CAC9C8 - #CFD9E2 | 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 #CAC9C8 to #CFD9E2

#CAC9C8 #CFD9E2

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

#CAC9C8 - #CFD9E2 | 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 #CAC9C8 as 0% and #CFD9E2 as 100%.

0.0%	0.0% #CAC9C8	RGB 202 201 200	#CAC9C8
16.7%	16.7% #CACBCC	RGB 202 203 204	#CACBCC
33.3%	33.3% #CBCED0	RGB 203 206 208	#CBCED0
50.0%	50.0% #CCD1D5	RGB 204 209 213	#CCD1D5
66.7%	66.7% #CDD3D9	RGB 205 211 217	#CDD3D9
83.3%	83.3% #CED6DD	RGB 206 214 221	#CED6DD
100.0%	100.0% #CFD9E2	RGB 207 217 226	#CFD9E2

#CAC9C8 #CACBCC #CBCED0 #CCD1D5 #CDD3D9 #CED6DD #CFD9E2

#CAC9C8 - #CFD9E2

HSV Blend

#CAC9C8 - #CFD9E2 | 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 #CAC9C8 as 0% and #CFD9E2 as 100%.

0.0%	0.0% #CAC9C8	RGB 202 201 200	#CAC9C8
16.7%	16.7% #CECDC9	RGB 206 205 201	#CECDC9
33.3%	33.3% #CED2CA	RGB 206 210 202	#CED2CA
50.0%	50.0% #CCD6CB	RGB 204 214 203	#CCD6CB
66.7%	66.7% #CDDAD3	RGB 205 218 211	#CDDAD3
83.3%	83.3% #CEDEDD	RGB 206 222 221	#CEDEDD
100.0%	100.0% #CFD9E2	RGB 207 217 226	#CFD9E2

#CAC9C8 #CECDC9 #CED2CA #CCD6CB #CDDAD3 #CEDEDD #CFD9E2

#CAC9C8 - #CCD6CB - #CFD9E2

CSS codes

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

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