#CAC5CC - #FFF9C7 | 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 #CAC5CC to #FFF9C7

#CAC5CC #FFF9C7

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

#CAC5CC - #FFF9C7 | 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 #CAC5CC as 0% and #FFF9C7 as 100%.

0.0%	0.0% #CAC5CC	RGB 202 197 204	#CAC5CC
16.7%	16.7% #D2CDCB	RGB 210 205 203	#D2CDCB
33.3%	33.3% #DBD6CA	RGB 219 214 202	#DBD6CA
50.0%	50.0% #E4DFC9	RGB 228 223 201	#E4DFC9
66.7%	66.7% #EDE7C8	RGB 237 231 200	#EDE7C8
83.3%	83.3% #F6F0C7	RGB 246 240 199	#F6F0C7
100.0%	100.0% #FFF9C7	RGB 255 249 199	#FFF9C7

#CAC5CC #D2CDCB #DBD6CA #E4DFC9 #EDE7C8 #F6F0C7 #FFF9C7

#CAC5CC - #FFF9C7

HSV Blend

#CAC5CC - #FFF9C7 | 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 #CAC5CC as 0% and #FFF9C7 as 100%.

0.0%	0.0% #CAC5CC	RGB 202 197 204	#CAC5CC
16.7%	16.7% #D4C6D3	RGB 212 198 211	#D4C6D3
33.3%	33.3% #DDC7D3	RGB 221 199 211	#DDC7D3
50.0%	50.0% #E5C8CE	RGB 229 200 206	#E5C8CE
66.7%	66.7% #EECEC8	RGB 238 206 200	#EECEC8
83.3%	83.3% #F6E0C7	RGB 246 224 199	#F6E0C7
100.0%	100.0% #FFF9C7	RGB 255 249 199	#FFF9C7

#CAC5CC #D4C6D3 #DDC7D3 #E5C8CE #EECEC8 #F6E0C7 #FFF9C7

#CAC5CC - #E5C8CE - #FFF9C7

CSS codes

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

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