#C9A0E7 - #FFE3E0 | 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 #C9A0E7 to #FFE3E0

#C9A0E7 #FFE3E0

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

#C9A0E7 - #FFE3E0 | 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 #C9A0E7 as 0% and #FFE3E0 as 100%.

0.0%	0.0% #C9A0E7	RGB 201 160 231	#C9A0E7
16.7%	16.7% #D2ABE5	RGB 210 171 229	#D2ABE5
33.3%	33.3% #DBB6E4	RGB 219 182 228	#DBB6E4
50.0%	50.0% #E4C1E3	RGB 228 193 227	#E4C1E3
66.7%	66.7% #EDCCE2	RGB 237 204 226	#EDCCE2
83.3%	83.3% #F6D7E1	RGB 246 215 225	#F6D7E1
100.0%	100.0% #FFE3E0	RGB 255 227 224	#FFE3E0

#C9A0E7 #D2ABE5 #DBB6E4 #E4C1E3 #EDCCE2 #F6D7E1 #FFE3E0

#C9A0E7 - #FFE3E0

HSV Blend

#C9A0E7 - #FFE3E0 | 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 #C9A0E7 as 0% and #FFE3E0 as 100%.

0.0%	0.0% #C9A0E7	RGB 201 160 231	#C9A0E7
16.7%	16.7% #E0AAEB	RGB 224 170 235	#E0AAEB
33.3%	33.3% #EFB4EA	RGB 239 180 234	#EFB4EA
50.0%	50.0% #F3BEE1	RGB 243 190 225	#F3BEE1
66.7%	66.7% #F7C9DC	RGB 247 201 220	#F7C9DC
83.3%	83.3% #FBD4DA	RGB 251 212 218	#FBD4DA
100.0%	100.0% #FFE3E0	RGB 255 227 224	#FFE3E0

#C9A0E7 #E0AAEB #EFB4EA #F3BEE1 #F7C9DC #FBD4DA #FFE3E0

#C9A0E7 - #F3BEE1 - #FFE3E0

CSS codes

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

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