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

#C8C1ED #FFEDE3

Calculate the color between two colors, #C8C1ED 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)

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

0.0%	0.0% #C8C1ED	RGB 200 193 237	#C8C1ED
16.7%	16.7% #D1C8EB	RGB 209 200 235	#D1C8EB
33.3%	33.3% #DACFE9	RGB 218 207 233	#DACFE9
50.0%	50.0% #E3D7E8	RGB 227 215 232	#E3D7E8
66.7%	66.7% #ECDEE6	RGB 236 222 230	#ECDEE6
83.3%	83.3% #F5E5E4	RGB 245 229 228	#F5E5E4
100.0%	100.0% #FFEDE3	RGB 255 237 227	#FFEDE3

#C8C1ED #D1C8EB #DACFE9 #E3D7E8 #ECDEE6 #F5E5E4 #FFEDE3

#C8C1ED - #FFEDE3

HSV Blend

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

0.0%	0.0% #C8C1ED	RGB 200 193 237	#C8C1ED
16.7%	16.7% #DCC6F0	RGB 220 198 240	#DCC6F0
33.3%	33.3% #EECCF3	RGB 238 204 243	#EECCF3
50.0%	50.0% #F6D1EC	RGB 246 209 236	#F6D1EC
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

#C8C1ED #DCC6F0 #EECCF3 #F6D1EC #F9D7E3 #FCDDDD #FFEDE3

#C8C1ED - #F6D1EC - #FFEDE3

CSS codes

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

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