#CDAFFF - #FFECF3 | 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 #CDAFFF to #FFECF3

#CDAFFF #FFECF3

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

#CDAFFF - #FFECF3 | 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 #CDAFFF as 0% and #FFECF3 as 100%.

0.0%	0.0% #CDAFFF	RGB 205 175 255	#CDAFFF
16.7%	16.7% #D5B9FD	RGB 213 185 253	#D5B9FD
33.3%	33.3% #DDC3FB	RGB 221 195 251	#DDC3FB
50.0%	50.0% #E6CDF9	RGB 230 205 249	#E6CDF9
66.7%	66.7% #EED7F7	RGB 238 215 247	#EED7F7
83.3%	83.3% #F6E1F5	RGB 246 225 245	#F6E1F5
100.0%	100.0% #FFECF3	RGB 255 236 243	#FFECF3

#CDAFFF #D5B9FD #DDC3FB #E6CDF9 #EED7F7 #F6E1F5 #FFECF3

#CDAFFF - #FFECF3

HSV Blend

#CDAFFF - #FFECF3 | 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 #CDAFFF as 0% and #FFECF3 as 100%.

0.0%	0.0% #CDAFFF	RGB 205 175 255	#CDAFFF
16.7%	16.7% #E1B9FF	RGB 225 185 255	#E1B9FF
33.3%	33.3% #F2C3FF	RGB 242 195 255	#F2C3FF
50.0%	50.0% #FFCDFE	RGB 255 205 254	#FFCDFE
66.7%	66.7% #FFD7F6	RGB 255 215 246	#FFD7F6
83.3%	83.3% #FFE1F2	RGB 255 225 242	#FFE1F2
100.0%	100.0% #FFECF3	RGB 255 236 243	#FFECF3

#CDAFFF #E1B9FF #F2C3FF #FFCDFE #FFD7F6 #FFE1F2 #FFECF3

#CDAFFF - #FFCDFE - #FFECF3

CSS codes

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

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