#C2B9ED - #FFEAE3 | 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 #C2B9ED to #FFEAE3

#C2B9ED #FFEAE3

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

#C2B9ED - #FFEAE3 | 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 #C2B9ED as 0% and #FFEAE3 as 100%.

0.0%	0.0% #C2B9ED	RGB 194 185 237	#C2B9ED
16.7%	16.7% #CCC1EB	RGB 204 193 235	#CCC1EB
33.3%	33.3% #D6C9E9	RGB 214 201 233	#D6C9E9
50.0%	50.0% #E0D1E8	RGB 224 209 232	#E0D1E8
66.7%	66.7% #EAD9E6	RGB 234 217 230	#EAD9E6
83.3%	83.3% #F4E1E4	RGB 244 225 228	#F4E1E4
100.0%	100.0% #FFEAE3	RGB 255 234 227	#FFEAE3

#C2B9ED #CCC1EB #D6C9E9 #E0D1E8 #EAD9E6 #F4E1E4 #FFEAE3

#C2B9ED - #FFEAE3

HSV Blend

#C2B9ED - #FFEAE3 | 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 #C2B9ED as 0% and #FFEAE3 as 100%.

0.0%	0.0% #C2B9ED	RGB 194 185 237	#C2B9ED
16.7%	16.7% #D8BFF0	RGB 216 191 240	#D8BFF0
33.3%	33.3% #EDC6F3	RGB 237 198 243	#EDC6F3
50.0%	50.0% #F6CDED	RGB 246 205 237	#F6CDED
66.7%	66.7% #F9D4E4	RGB 249 212 228	#F9D4E4
83.3%	83.3% #FCDBDE	RGB 252 219 222	#FCDBDE
100.0%	100.0% #FFEAE3	RGB 255 234 227	#FFEAE3

#C2B9ED #D8BFF0 #EDC6F3 #F6CDED #F9D4E4 #FCDBDE #FFEAE3

#C2B9ED - #F6CDED - #FFEAE3

CSS codes

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

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