#CCA2EC - #FFE5E4 | 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 #CCA2EC to #FFE5E4

#CCA2EC #FFE5E4

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

#CCA2EC - #FFE5E4 | 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 #CCA2EC as 0% and #FFE5E4 as 100%.

0.0%	0.0% #CCA2EC	RGB 204 162 236	#CCA2EC
16.7%	16.7% #D4ADEA	RGB 212 173 234	#D4ADEA
33.3%	33.3% #DDB8E9	RGB 221 184 233	#DDB8E9
50.0%	50.0% #E5C3E8	RGB 229 195 232	#E5C3E8
66.7%	66.7% #EECEE6	RGB 238 206 230	#EECEE6
83.3%	83.3% #F6D9E5	RGB 246 217 229	#F6D9E5
100.0%	100.0% #FFE5E4	RGB 255 229 228	#FFE5E4

#CCA2EC #D4ADEA #DDB8E9 #E5C3E8 #EECEE6 #F6D9E5 #FFE5E4

#CCA2EC - #FFE5E4

HSV Blend

#CCA2EC - #FFE5E4 | 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 #CCA2EC as 0% and #FFE5E4 as 100%.

0.0%	0.0% #CCA2EC	RGB 204 162 236	#CCA2EC
16.7%	16.7% #E2ACEF	RGB 226 172 239	#E2ACEF
33.3%	33.3% #F2B7EE	RGB 242 183 238	#F2B7EE
50.0%	50.0% #F5C2E5	RGB 245 194 229	#F5C2E5
66.7%	66.7% #F8CDE0	RGB 248 205 224	#F8CDE0
83.3%	83.3% #FBD8DF	RGB 251 216 223	#FBD8DF
100.0%	100.0% #FFE5E4	RGB 255 229 228	#FFE5E4

#CCA2EC #E2ACEF #F2B7EE #F5C2E5 #F8CDE0 #FBD8DF #FFE5E4

#CCA2EC - #F5C2E5 - #FFE5E4

CSS codes

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

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