#C2AADE - #FFE3D7 | 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 #C2AADE to #FFE3D7

#C2AADE #FFE3D7

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

#C2AADE - #FFE3D7 | 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 #C2AADE as 0% and #FFE3D7 as 100%.

0.0%	0.0% #C2AADE	RGB 194 170 222	#C2AADE
16.7%	16.7% #CCB3DC	RGB 204 179 220	#CCB3DC
33.3%	33.3% #D6BDDB	RGB 214 189 219	#D6BDDB
50.0%	50.0% #E0C6DA	RGB 224 198 218	#E0C6DA
66.7%	66.7% #EAD0D9	RGB 234 208 217	#EAD0D9
83.3%	83.3% #F4D9D8	RGB 244 217 216	#F4D9D8
100.0%	100.0% #FFE3D7	RGB 255 227 215	#FFE3D7

#C2AADE #CCB3DC #D6BDDB #E0C6DA #EAD0D9 #F4D9D8 #FFE3D7

#C2AADE - #FFE3D7

HSV Blend

#C2AADE - #FFE3D7 | 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 #C2AADE as 0% and #FFE3D7 as 100%.

0.0%	0.0% #C2AADE	RGB 194 170 222	#C2AADE
16.7%	16.7% #D7B1E3	RGB 215 177 227	#D7B1E3
33.3%	33.3% #E9B8E5	RGB 233 184 229	#E9B8E5
50.0%	50.0% #EEBFDC	RGB 238 191 220	#EEBFDC
66.7%	66.7% #F4C7D5	RGB 244 199 213	#F4C7D5
83.3%	83.3% #F9CFCF	RGB 249 207 207	#F9CFCF
100.0%	100.0% #FFE3D7	RGB 255 227 215	#FFE3D7

#C2AADE #D7B1E3 #E9B8E5 #EEBFDC #F4C7D5 #F9CFCF #FFE3D7

#C2AADE - #EEBFDC - #FFE3D7

CSS codes

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

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