#CCA5E6 - #FFE4DE | 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 #CCA5E6 to #FFE4DE

#CCA5E6 #FFE4DE

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

#CCA5E6 - #FFE4DE | 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 #CCA5E6 as 0% and #FFE4DE as 100%.

0.0%	0.0% #CCA5E6	RGB 204 165 230	#CCA5E6
16.7%	16.7% #D4AFE4	RGB 212 175 228	#D4AFE4
33.3%	33.3% #DDBAE3	RGB 221 186 227	#DDBAE3
50.0%	50.0% #E5C4E2	RGB 229 196 226	#E5C4E2
66.7%	66.7% #EECFE0	RGB 238 207 224	#EECFE0
83.3%	83.3% #F6D9DF	RGB 246 217 223	#F6D9DF
100.0%	100.0% #FFE4DE	RGB 255 228 222	#FFE4DE

#CCA5E6 #D4AFE4 #DDBAE3 #E5C4E2 #EECFE0 #F6D9DF #FFE4DE

#CCA5E6 - #FFE4DE

HSV Blend

#CCA5E6 - #FFE4DE | 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 #CCA5E6 as 0% and #FFE4DE as 100%.

0.0%	0.0% #CCA5E6	RGB 204 165 230	#CCA5E6
16.7%	16.7% #E1ADEA	RGB 225 173 234	#E1ADEA
33.3%	33.3% #EEB7E7	RGB 238 183 231	#EEB7E7
50.0%	50.0% #F2C0DE	RGB 242 192 222	#F2C0DE
66.7%	66.7% #F6CAD9	RGB 246 202 217	#F6CAD9
83.3%	83.3% #FAD3D7	RGB 250 211 215	#FAD3D7
100.0%	100.0% #FFE4DE	RGB 255 228 222	#FFE4DE

#CCA5E6 #E1ADEA #EEB7E7 #F2C0DE #F6CAD9 #FAD3D7 #FFE4DE

#CCA5E6 - #F2C0DE - #FFE4DE

CSS codes

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

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