#CAA2DA - #FAEFF7 | 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 #CAA2DA to #FAEFF7

#CAA2DA #FAEFF7

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

#CAA2DA - #FAEFF7 | 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 #CAA2DA as 0% and #FAEFF7 as 100%.

0.0%	0.0% #CAA2DA	RGB 202 162 218	#CAA2DA
16.7%	16.7% #D2AEDE	RGB 210 174 222	#D2AEDE
33.3%	33.3% #DABBE3	RGB 218 187 227	#DABBE3
50.0%	50.0% #E2C8E8	RGB 226 200 232	#E2C8E8
66.7%	66.7% #EAD5ED	RGB 234 213 237	#EAD5ED
83.3%	83.3% #F2E2F2	RGB 242 226 242	#F2E2F2
100.0%	100.0% #FAEFF7	RGB 250 239 247	#FAEFF7

#CAA2DA #D2AEDE #DABBE3 #E2C8E8 #EAD5ED #F2E2F2 #FAEFF7

#CAA2DA - #FAEFF7

HSV Blend

#CAA2DA - #FAEFF7 | 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 #CAA2DA as 0% and #FAEFF7 as 100%.

0.0%	0.0% #CAA2DA	RGB 202 162 218	#CAA2DA
16.7%	16.7% #D5ADDF	RGB 213 173 223	#D5ADDF
33.3%	33.3% #E0BAE4	RGB 224 186 228	#E0BAE4
50.0%	50.0% #E9C6EA	RGB 233 198 234	#E9C6EA
66.7%	66.7% #EFD3EC	RGB 239 211 236	#EFD3EC
83.3%	83.3% #F4E1F1	RGB 244 225 241	#F4E1F1
100.0%	100.0% #FAEFF7	RGB 250 239 247	#FAEFF7

#CAA2DA #D5ADDF #E0BAE4 #E9C6EA #EFD3EC #F4E1F1 #FAEFF7

#CAA2DA - #E9C6EA - #FAEFF7

CSS codes

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

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