#CCC2ED - #FFEDE3 | 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 #CCC2ED to #FFEDE3

#CCC2ED #FFEDE3

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

#CCC2ED - #FFEDE3 | 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 #CCC2ED as 0% and #FFEDE3 as 100%.

0.0%	0.0% #CCC2ED	RGB 204 194 237	#CCC2ED
16.7%	16.7% #D4C9EB	RGB 212 201 235	#D4C9EB
33.3%	33.3% #DDD0E9	RGB 221 208 233	#DDD0E9
50.0%	50.0% #E5D7E8	RGB 229 215 232	#E5D7E8
66.7%	66.7% #EEDEE6	RGB 238 222 230	#EEDEE6
83.3%	83.3% #F6E5E4	RGB 246 229 228	#F6E5E4
100.0%	100.0% #FFEDE3	RGB 255 237 227	#FFEDE3

#CCC2ED #D4C9EB #DDD0E9 #E5D7E8 #EEDEE6 #F6E5E4 #FFEDE3

#CCC2ED - #FFEDE3

HSV Blend

#CCC2ED - #FFEDE3 | 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 #CCC2ED as 0% and #FFEDE3 as 100%.

0.0%	0.0% #CCC2ED	RGB 204 194 237	#CCC2ED
16.7%	16.7% #DFC7F0	RGB 223 199 240	#DFC7F0
33.3%	33.3% #F0CCF3	RGB 240 204 243	#F0CCF3
50.0%	50.0% #F6D2EB	RGB 246 210 235	#F6D2EB
66.7%	66.7% #F9D7E3	RGB 249 215 227	#F9D7E3
83.3%	83.3% #FCDDDD	RGB 252 221 221	#FCDDDD
100.0%	100.0% #FFEDE3	RGB 255 237 227	#FFEDE3

#CCC2ED #DFC7F0 #F0CCF3 #F6D2EB #F9D7E3 #FCDDDD #FFEDE3

#CCC2ED - #F6D2EB - #FFEDE3

CSS codes

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

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