#CAC8CA - #CFE2D0 | 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 #CAC8CA to #CFE2D0

#CAC8CA #CFE2D0

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

#CAC8CA - #CFE2D0 | 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 #CAC8CA as 0% and #CFE2D0 as 100%.

0.0%	0.0% #CAC8CA	RGB 202 200 202	#CAC8CA
16.7%	16.7% #CACCCB	RGB 202 204 203	#CACCCB
33.3%	33.3% #CBD0CC	RGB 203 208 204	#CBD0CC
50.0%	50.0% #CCD5CD	RGB 204 213 205	#CCD5CD
66.7%	66.7% #CDD9CE	RGB 205 217 206	#CDD9CE
83.3%	83.3% #CEDDCF	RGB 206 221 207	#CEDDCF
100.0%	100.0% #CFE2D0	RGB 207 226 208	#CFE2D0

#CAC8CA #CACCCB #CBD0CC #CCD5CD #CDD9CE #CEDDCF #CFE2D0

#CAC8CA - #CFE2D0

HSV Blend

#CAC8CA - #CFE2D0 | 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 #CAC8CA as 0% and #CFE2D0 as 100%.

0.0%	0.0% #CAC8CA	RGB 202 200 202	#CAC8CA
16.7%	16.7% #CBC9CE	RGB 203 201 206	#CBC9CE
33.3%	33.3% #CACAD2	RGB 202 202 210	#CACAD2
50.0%	50.0% #CBD0D6	RGB 203 208 214	#CBD0D6
66.7%	66.7% #CDD9DA	RGB 205 217 218	#CDD9DA
83.3%	83.3% #CEDED6	RGB 206 222 214	#CEDED6
100.0%	100.0% #CFE2D0	RGB 207 226 208	#CFE2D0

#CAC8CA #CBC9CE #CACAD2 #CBD0D6 #CDD9DA #CEDED6 #CFE2D0

#CAC8CA - #CBD0D6 - #CFE2D0

CSS codes

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

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