#CAB9F0 - #FFF1E5 | 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 #CAB9F0 to #FFF1E5

#CAB9F0 #FFF1E5

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

#CAB9F0 - #FFF1E5 | 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 #CAB9F0 as 0% and #FFF1E5 as 100%.

0.0%	0.0% #CAB9F0	RGB 202 185 240	#CAB9F0
16.7%	16.7% #D2C2EE	RGB 210 194 238	#D2C2EE
33.3%	33.3% #DBCBEC	RGB 219 203 236	#DBCBEC
50.0%	50.0% #E4D5EA	RGB 228 213 234	#E4D5EA
66.7%	66.7% #EDDEE8	RGB 237 222 232	#EDDEE8
83.3%	83.3% #F6E7E6	RGB 246 231 230	#F6E7E6
100.0%	100.0% #FFF1E5	RGB 255 241 229	#FFF1E5

#CAB9F0 #D2C2EE #DBCBEC #E4D5EA #EDDEE8 #F6E7E6 #FFF1E5

#CAB9F0 - #FFF1E5

HSV Blend

#CAB9F0 - #FFF1E5 | 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 #CAB9F0 as 0% and #FFF1E5 as 100%.

0.0%	0.0% #CAB9F0	RGB 202 185 240	#CAB9F0
16.7%	16.7% #E1C0F2	RGB 225 192 242	#E1C0F2
33.3%	33.3% #F5C7F3	RGB 245 199 243	#F5C7F3
50.0%	50.0% #F7CEE7	RGB 247 206 231	#F7CEE7
66.7%	66.7% #FAD5DF	RGB 250 213 223	#FAD5DF
83.3%	83.3% #FCE0DD	RGB 252 224 221	#FCE0DD
100.0%	100.0% #FFF1E5	RGB 255 241 229	#FFF1E5

#CAB9F0 #E1C0F2 #F5C7F3 #F7CEE7 #FAD5DF #FCE0DD #FFF1E5

#CAB9F0 - #F7CEE7 - #FFF1E5

CSS codes

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

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