#CDADF7 - #FFEAEC | 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 #CDADF7 to #FFEAEC

#CDADF7 #FFEAEC

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

#CDADF7 - #FFEAEC | 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 #CDADF7 as 0% and #FFEAEC as 100%.

0.0%	0.0% #CDADF7	RGB 205 173 247	#CDADF7
16.7%	16.7% #D5B7F5	RGB 213 183 245	#D5B7F5
33.3%	33.3% #DDC1F3	RGB 221 193 243	#DDC1F3
50.0%	50.0% #E6CBF1	RGB 230 203 241	#E6CBF1
66.7%	66.7% #EED5EF	RGB 238 213 239	#EED5EF
83.3%	83.3% #F6DFED	RGB 246 223 237	#F6DFED
100.0%	100.0% #FFEAEC	RGB 255 234 236	#FFEAEC

#CDADF7 #D5B7F5 #DDC1F3 #E6CBF1 #EED5EF #F6DFED #FFEAEC

#CDADF7 - #FFEAEC

HSV Blend

#CDADF7 - #FFEAEC | 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 #CDADF7 as 0% and #FFEAEC as 100%.

0.0%	0.0% #CDADF7	RGB 205 173 247	#CDADF7
16.7%	16.7% #E3B6F8	RGB 227 182 248	#E3B6F8
33.3%	33.3% #F5C0F9	RGB 245 192 249	#F5C0F9
50.0%	50.0% #FBCBF2	RGB 251 203 242	#FBCBF2
66.7%	66.7% #FCD5EC	RGB 252 213 236	#FCD5EC
83.3%	83.3% #FDDFE9	RGB 253 223 233	#FDDFE9
100.0%	100.0% #FFEAEC	RGB 255 234 236	#FFEAEC

#CDADF7 #E3B6F8 #F5C0F9 #FBCBF2 #FCD5EC #FDDFE9 #FFEAEC

#CDADF7 - #FBCBF2 - #FFEAEC

CSS codes

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

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