#CCCAD8 - #F0EFF3 | 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 #CCCAD8 to #F0EFF3

#CCCAD8 #F0EFF3

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

#CCCAD8 - #F0EFF3 | 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 #CCCAD8 as 0% and #F0EFF3 as 100%.

0.0%	0.0% #CCCAD8	RGB 204 202 216	#CCCAD8
16.7%	16.7% #D2D0DC	RGB 210 208 220	#D2D0DC
33.3%	33.3% #D8D6E1	RGB 216 214 225	#D8D6E1
50.0%	50.0% #DEDCE5	RGB 222 220 229	#DEDCE5
66.7%	66.7% #E4E2EA	RGB 228 226 234	#E4E2EA
83.3%	83.3% #EAE8EE	RGB 234 232 238	#EAE8EE
100.0%	100.0% #F0EFF3	RGB 240 239 243	#F0EFF3

#CCCAD8 #D2D0DC #D8D6E1 #DEDCE5 #E4E2EA #EAE8EE #F0EFF3

#CCCAD8 - #F0EFF3

HSV Blend

#CCCAD8 - #F0EFF3 | 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 #CCCAD8 as 0% and #F0EFF3 as 100%.

0.0%	0.0% #CCCAD8	RGB 204 202 216	#CCCAD8
16.7%	16.7% #D1CFDC	RGB 209 207 220	#D1CFDC
33.3%	33.3% #D7D6E1	RGB 215 214 225	#D7D6E1
50.0%	50.0% #DEDCE5	RGB 222 220 229	#DEDCE5
66.7%	66.7% #E4E2EA	RGB 228 226 234	#E4E2EA
83.3%	83.3% #EAE8EE	RGB 234 232 238	#EAE8EE
100.0%	100.0% #F0EFF3	RGB 240 239 243	#F0EFF3

#CCCAD8 #D1CFDC #D7D6E1 #DEDCE5 #E4E2EA #EAE8EE #F0EFF3

#CCCAD8 - #DEDCE5 - #F0EFF3

CSS codes

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

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