#CAA8D7 - #FEE6EB | 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 #CAA8D7 to #FEE6EB

#CAA8D7 #FEE6EB

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

#CAA8D7 - #FEE6EB | 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 #CAA8D7 as 0% and #FEE6EB as 100%.

0.0%	0.0% #CAA8D7	RGB 202 168 215	#CAA8D7
16.7%	16.7% #D2B2DA	RGB 210 178 218	#D2B2DA
33.3%	33.3% #DBBCDD	RGB 219 188 221	#DBBCDD
50.0%	50.0% #E4C7E1	RGB 228 199 225	#E4C7E1
66.7%	66.7% #ECD1E4	RGB 236 209 228	#ECD1E4
83.3%	83.3% #F5DBE7	RGB 245 219 231	#F5DBE7
100.0%	100.0% #FEE6EB	RGB 254 230 235	#FEE6EB

#CAA8D7 #D2B2DA #DBBCDD #E4C7E1 #ECD1E4 #F5DBE7 #FEE6EB

#CAA8D7 - #FEE6EB

HSV Blend

#CAA8D7 - #FEE6EB | 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 #CAA8D7 as 0% and #FEE6EB as 100%.

0.0%	0.0% #CAA8D7	RGB 202 168 215	#CAA8D7
16.7%	16.7% #D9B1DD	RGB 217 177 221	#D9B1DD
33.3%	33.3% #E4BBE0	RGB 228 187 224	#E4BBE0
50.0%	50.0% #EAC5E1	RGB 234 197 225	#EAC5E1
66.7%	66.7% #F1D0E2	RGB 241 208 226	#F1D0E2
83.3%	83.3% #F7DAE6	RGB 247 218 230	#F7DAE6
100.0%	100.0% #FEE6EB	RGB 254 230 235	#FEE6EB

#CAA8D7 #D9B1DD #E4BBE0 #EAC5E1 #F1D0E2 #F7DAE6 #FEE6EB

#CAA8D7 - #EAC5E1 - #FEE6EB

CSS codes

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

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