#CAA9FD - #FFE9F2 | 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 #CAA9FD to #FFE9F2

#CAA9FD #FFE9F2

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

#CAA9FD - #FFE9F2 | 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 #CAA9FD as 0% and #FFE9F2 as 100%.

0.0%	0.0% #CAA9FD	RGB 202 169 253	#CAA9FD
16.7%	16.7% #D2B3FB	RGB 210 179 251	#D2B3FB
33.3%	33.3% #DBBEF9	RGB 219 190 249	#DBBEF9
50.0%	50.0% #E4C9F7	RGB 228 201 247	#E4C9F7
66.7%	66.7% #EDD3F5	RGB 237 211 245	#EDD3F5
83.3%	83.3% #F6DEF3	RGB 246 222 243	#F6DEF3
100.0%	100.0% #FFE9F2	RGB 255 233 242	#FFE9F2

#CAA9FD #D2B3FB #DBBEF9 #E4C9F7 #EDD3F5 #F6DEF3 #FFE9F2

#CAA9FD - #FFE9F2

HSV Blend

#CAA9FD - #FFE9F2 | 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 #CAA9FD as 0% and #FFE9F2 as 100%.

0.0%	0.0% #CAA9FD	RGB 202 169 253	#CAA9FD
16.7%	16.7% #DFB3FD	RGB 223 179 253	#DFB3FD
33.3%	33.3% #F0BEFD	RGB 240 190 253	#F0BEFD
50.0%	50.0% #FDC8FE	RGB 253 200 254	#FDC8FE
66.7%	66.7% #FED3F6	RGB 254 211 246	#FED3F6
83.3%	83.3% #FEDEF1	RGB 254 222 241	#FEDEF1
100.0%	100.0% #FFE9F2	RGB 255 233 242	#FFE9F2

#CAA9FD #DFB3FD #F0BEFD #FDC8FE #FED3F6 #FEDEF1 #FFE9F2

#CAA9FD - #FDC8FE - #FFE9F2

CSS codes

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

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