#CAA8D5 - #FFE2CD | 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 #CAA8D5 to #FFE2CD

#CAA8D5 #FFE2CD

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

#CAA8D5 - #FFE2CD | 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 #CAA8D5 as 0% and #FFE2CD as 100%.

0.0%	0.0% #CAA8D5	RGB 202 168 213	#CAA8D5
16.7%	16.7% #D2B1D3	RGB 210 177 211	#D2B1D3
33.3%	33.3% #DBBBD2	RGB 219 187 210	#DBBBD2
50.0%	50.0% #E4C5D1	RGB 228 197 209	#E4C5D1
66.7%	66.7% #EDCECF	RGB 237 206 207	#EDCECF
83.3%	83.3% #F6D8CE	RGB 246 216 206	#F6D8CE
100.0%	100.0% #FFE2CD	RGB 255 226 205	#FFE2CD

#CAA8D5 #D2B1D3 #DBBBD2 #E4C5D1 #EDCECF #F6D8CE #FFE2CD

#CAA8D5 - #FFE2CD

HSV Blend

#CAA8D5 - #FFE2CD | 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 #CAA8D5 as 0% and #FFE2CD as 100%.

0.0%	0.0% #CAA8D5	RGB 202 168 213	#CAA8D5
16.7%	16.7% #DCAEDA	RGB 220 174 218	#DCAEDA
33.3%	33.3% #E3B4D4	RGB 227 180 212	#E3B4D4
50.0%	50.0% #EABACD	RGB 234 186 205	#EABACD
66.7%	66.7% #F1C0C7	RGB 241 192 199	#F1C0C7
83.3%	83.3% #F8CDC6	RGB 248 205 198	#F8CDC6
100.0%	100.0% #FFE2CD	RGB 255 226 205	#FFE2CD

#CAA8D5 #DCAEDA #E3B4D4 #EABACD #F1C0C7 #F8CDC6 #FFE2CD

#CAA8D5 - #EABACD - #FFE2CD

CSS codes

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

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