#CAB9C5 - #FFCAF7 | 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 #CAB9C5 to #FFCAF7

#CAB9C5 #FFCAF7

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

#CAB9C5 - #FFCAF7 | 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 #CAB9C5 as 0% and #FFCAF7 as 100%.

0.0%	0.0% #CAB9C5	RGB 202 185 197	#CAB9C5
16.7%	16.7% #D2BBCD	RGB 210 187 205	#D2BBCD
33.3%	33.3% #DBBED5	RGB 219 190 213	#DBBED5
50.0%	50.0% #E4C1DE	RGB 228 193 222	#E4C1DE
66.7%	66.7% #EDC4E6	RGB 237 196 230	#EDC4E6
83.3%	83.3% #F6C7EE	RGB 246 199 238	#F6C7EE
100.0%	100.0% #FFCAF7	RGB 255 202 247	#FFCAF7

#CAB9C5 #D2BBCD #DBBED5 #E4C1DE #EDC4E6 #F6C7EE #FFCAF7

#CAB9C5 - #FFCAF7

HSV Blend

#CAB9C5 - #FFCAF7 | 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 #CAB9C5 as 0% and #FFCAF7 as 100%.

0.0%	0.0% #CAB9C5	RGB 202 185 197	#CAB9C5
16.7%	16.7% #D2BCCC	RGB 210 188 204	#D2BCCC
33.3%	33.3% #DBC0D4	RGB 219 192 212	#DBC0D4
50.0%	50.0% #E4C3DD	RGB 228 195 221	#E4C3DD
66.7%	66.7% #EDC5E5	RGB 237 197 229	#EDC5E5
83.3%	83.3% #F6C8EE	RGB 246 200 238	#F6C8EE
100.0%	100.0% #FFCAF7	RGB 255 202 247	#FFCAF7

#CAB9C5 #D2BCCC #DBC0D4 #E4C3DD #EDC5E5 #F6C8EE #FFCAF7

#CAB9C5 - #E4C3DD - #FFCAF7

CSS codes

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

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