#CFCAD3 - #FFEBCB | 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 #CFCAD3 to #FFEBCB

#CFCAD3 #FFEBCB

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

#CFCAD3 - #FFEBCB | 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 #CFCAD3 as 0% and #FFEBCB as 100%.

0.0%	0.0% #CFCAD3	RGB 207 202 211	#CFCAD3
16.7%	16.7% #D7CFD1	RGB 215 207 209	#D7CFD1
33.3%	33.3% #DFD5D0	RGB 223 213 208	#DFD5D0
50.0%	50.0% #E7DACF	RGB 231 218 207	#E7DACF
66.7%	66.7% #EFE0CD	RGB 239 224 205	#EFE0CD
83.3%	83.3% #F7E5CC	RGB 247 229 204	#F7E5CC
100.0%	100.0% #FFEBCB	RGB 255 235 203	#FFEBCB

#CFCAD3 #D7CFD1 #DFD5D0 #E7DACF #EFE0CD #F7E5CC #FFEBCB

#CFCAD3 - #FFEBCB

HSV Blend

#CFCAD3 - #FFEBCB | 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 #CFCAD3 as 0% and #FFEBCB as 100%.

0.0%	0.0% #CFCAD3	RGB 207 202 211	#CFCAD3
16.7%	16.7% #D8CBDA	RGB 216 203 218	#D8CBDA
33.3%	33.3% #E1CBDC	RGB 225 203 220	#E1CBDC
50.0%	50.0% #E9CCD8	RGB 233 204 216	#E9CCD8
66.7%	66.7% #F0CCCE	RGB 240 204 206	#F0CCCE
83.3%	83.3% #F7D7CB	RGB 247 215 203	#F7D7CB
100.0%	100.0% #FFEBCB	RGB 255 235 203	#FFEBCB

#CFCAD3 #D8CBDA #E1CBDC #E9CCD8 #F0CCCE #F7D7CB #FFEBCB

#CFCAD3 - #E9CCD8 - #FFEBCB

CSS codes

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

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