#CDAAFE - #EFE6FE | 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 #CDAAFE to #EFE6FE

#CDAAFE #EFE6FE

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

#CDAAFE - #EFE6FE | 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 #CDAAFE as 0% and #EFE6FE as 100%.

0.0%	0.0% #CDAAFE	RGB 205 170 254	#CDAAFE
16.7%	16.7% #D2B4FE	RGB 210 180 254	#D2B4FE
33.3%	33.3% #D8BEFE	RGB 216 190 254	#D8BEFE
50.0%	50.0% #DEC8FE	RGB 222 200 254	#DEC8FE
66.7%	66.7% #E3D2FE	RGB 227 210 254	#E3D2FE
83.3%	83.3% #E9DCFE	RGB 233 220 254	#E9DCFE
100.0%	100.0% #EFE6FE	RGB 239 230 254	#EFE6FE

#CDAAFE #D2B4FE #D8BEFE #DEC8FE #E3D2FE #E9DCFE #EFE6FE

#CDAAFE - #EFE6FE

HSV Blend

#CDAAFE - #EFE6FE | 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 #CDAAFE as 0% and #EFE6FE as 100%.

0.0%	0.0% #CDAAFE	RGB 205 170 254	#CDAAFE
16.7%	16.7% #D2B4FE	RGB 210 180 254	#D2B4FE
33.3%	33.3% #D7BEFE	RGB 215 190 254	#D7BEFE
50.0%	50.0% #DDC8FE	RGB 221 200 254	#DDC8FE
66.7%	66.7% #E3D2FE	RGB 227 210 254	#E3D2FE
83.3%	83.3% #E8DCFE	RGB 232 220 254	#E8DCFE
100.0%	100.0% #EFE6FE	RGB 239 230 254	#EFE6FE

#CDAAFE #D2B4FE #D7BEFE #DDC8FE #E3D2FE #E8DCFE #EFE6FE

#CDAAFE - #DDC8FE - #EFE6FE

CSS codes

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

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