#CCA8D5 - #FFDBE1 | 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 #CCA8D5 to #FFDBE1

#CCA8D5 #FFDBE1

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

#CCA8D5 - #FFDBE1 | 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 #CCA8D5 as 0% and #FFDBE1 as 100%.

0.0%	0.0% #CCA8D5	RGB 204 168 213	#CCA8D5
16.7%	16.7% #D4B0D7	RGB 212 176 215	#D4B0D7
33.3%	33.3% #DDB9D9	RGB 221 185 217	#DDB9D9
50.0%	50.0% #E5C1DB	RGB 229 193 219	#E5C1DB
66.7%	66.7% #EECADD	RGB 238 202 221	#EECADD
83.3%	83.3% #F6D2DF	RGB 246 210 223	#F6D2DF
100.0%	100.0% #FFDBE1	RGB 255 219 225	#FFDBE1

#CCA8D5 #D4B0D7 #DDB9D9 #E5C1DB #EECADD #F6D2DF #FFDBE1

#CCA8D5 - #FFDBE1

HSV Blend

#CCA8D5 - #FFDBE1 | 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 #CCA8D5 as 0% and #FFDBE1 as 100%.

0.0%	0.0% #CCA8D5	RGB 204 168 213	#CCA8D5
16.7%	16.7% #DAB0DC	RGB 218 176 220	#DAB0DC
33.3%	33.3% #E3B8DC	RGB 227 184 220	#E3B8DC
50.0%	50.0% #EAC0DC	RGB 234 192 220	#EAC0DC
66.7%	66.7% #F1C9DD	RGB 241 201 221	#F1C9DD
83.3%	83.3% #F8D2DE	RGB 248 210 222	#F8D2DE
100.0%	100.0% #FFDBE1	RGB 255 219 225	#FFDBE1

#CCA8D5 #DAB0DC #E3B8DC #EAC0DC #F1C9DD #F8D2DE #FFDBE1

#CCA8D5 - #EAC0DC - #FFDBE1

CSS codes

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

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