#CCA5E2 - #FFE4DB | 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 #CCA5E2 to #FFE4DB

#CCA5E2 #FFE4DB

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

#CCA5E2 - #FFE4DB | 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 #CCA5E2 as 0% and #FFE4DB as 100%.

0.0%	0.0% #CCA5E2	RGB 204 165 226	#CCA5E2
16.7%	16.7% #D4AFE0	RGB 212 175 224	#D4AFE0
33.3%	33.3% #DDBADF	RGB 221 186 223	#DDBADF
50.0%	50.0% #E5C4DE	RGB 229 196 222	#E5C4DE
66.7%	66.7% #EECFDD	RGB 238 207 221	#EECFDD
83.3%	83.3% #F6D9DC	RGB 246 217 220	#F6D9DC
100.0%	100.0% #FFE4DB	RGB 255 228 219	#FFE4DB

#CCA5E2 #D4AFE0 #DDBADF #E5C4DE #EECFDD #F6D9DC #FFE4DB

#CCA5E2 - #FFE4DB

HSV Blend

#CCA5E2 - #FFE4DB | 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 #CCA5E2 as 0% and #FFE4DB as 100%.

0.0%	0.0% #CCA5E2	RGB 204 165 226	#CCA5E2
16.7%	16.7% #E1ADE6	RGB 225 173 230	#E1ADE6
33.3%	33.3% #EBB6E2	RGB 235 182 226	#EBB6E2
50.0%	50.0% #F0BFDA	RGB 240 191 218	#F0BFDA
66.7%	66.7% #F5C8D5	RGB 245 200 213	#F5C8D5
83.3%	83.3% #FAD1D2	RGB 250 209 210	#FAD1D2
100.0%	100.0% #FFE4DB	RGB 255 228 219	#FFE4DB

#CCA5E2 #E1ADE6 #EBB6E2 #F0BFDA #F5C8D5 #FAD1D2 #FFE4DB

#CCA5E2 - #F0BFDA - #FFE4DB

CSS codes

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

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