#CFCADB - #F0EFF4 | 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 #CFCADB to #F0EFF4

#CFCADB #F0EFF4

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

#CFCADB - #F0EFF4 | 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 #CFCADB as 0% and #F0EFF4 as 100%.

0.0%	0.0% #CFCADB	RGB 207 202 219	#CFCADB
16.7%	16.7% #D4D0DF	RGB 212 208 223	#D4D0DF
33.3%	33.3% #DAD6E3	RGB 218 214 227	#DAD6E3
50.0%	50.0% #DFDCE7	RGB 223 220 231	#DFDCE7
66.7%	66.7% #E5E2EB	RGB 229 226 235	#E5E2EB
83.3%	83.3% #EAE8EF	RGB 234 232 239	#EAE8EF
100.0%	100.0% #F0EFF4	RGB 240 239 244	#F0EFF4

#CFCADB #D4D0DF #DAD6E3 #DFDCE7 #E5E2EB #EAE8EF #F0EFF4

#CFCADB - #F0EFF4

HSV Blend

#CFCADB - #F0EFF4 | 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 #CFCADB as 0% and #F0EFF4 as 100%.

0.0%	0.0% #CFCADB	RGB 207 202 219	#CFCADB
16.7%	16.7% #D4CFDF	RGB 212 207 223	#D4CFDF
33.3%	33.3% #D9D6E3	RGB 217 214 227	#D9D6E3
50.0%	50.0% #DEDCE7	RGB 222 220 231	#DEDCE7
66.7%	66.7% #E4E2EB	RGB 228 226 235	#E4E2EB
83.3%	83.3% #EAE8EF	RGB 234 232 239	#EAE8EF
100.0%	100.0% #F0EFF4	RGB 240 239 244	#F0EFF4

#CFCADB #D4CFDF #D9D6E3 #DEDCE7 #E4E2EB #EAE8EF #F0EFF4

#CFCADB - #DEDCE7 - #F0EFF4

CSS codes

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

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