#CAC8C5 - #FFD4CF | 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 #CAC8C5 to #FFD4CF

#CAC8C5 #FFD4CF

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

#CAC8C5 - #FFD4CF | 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 #CAC8C5 as 0% and #FFD4CF as 100%.

0.0%	0.0% #CAC8C5	RGB 202 200 197	#CAC8C5
16.7%	16.7% #D2CAC6	RGB 210 202 198	#D2CAC6
33.3%	33.3% #DBCCC8	RGB 219 204 200	#DBCCC8
50.0%	50.0% #E4CECA	RGB 228 206 202	#E4CECA
66.7%	66.7% #EDD0CB	RGB 237 208 203	#EDD0CB
83.3%	83.3% #F6D2CD	RGB 246 210 205	#F6D2CD
100.0%	100.0% #FFD4CF	RGB 255 212 207	#FFD4CF

#CAC8C5 #D2CAC6 #DBCCC8 #E4CECA #EDD0CB #F6D2CD #FFD4CF

#CAC8C5 - #FFD4CF

HSV Blend

#CAC8C5 - #FFD4CF | 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 #CAC8C5 as 0% and #FFD4CF as 100%.

0.0%	0.0% #CAC8C5	RGB 202 200 197	#CAC8C5
16.7%	16.7% #D2CDC7	RGB 210 205 199	#D2CDC7
33.3%	33.3% #DBD1CA	RGB 219 209 202	#DBD1CA
50.0%	50.0% #E4D4CC	RGB 228 212 204	#E4D4CC
66.7%	66.7% #EDD6CD	RGB 237 214 205	#EDD6CD
83.3%	83.3% #F6D5CE	RGB 246 213 206	#F6D5CE
100.0%	100.0% #FFD4CF	RGB 255 212 207	#FFD4CF

#CAC8C5 #D2CDC7 #DBD1CA #E4D4CC #EDD6CD #F6D5CE #FFD4CF

#CAC8C5 - #E4D4CC - #FFD4CF

CSS codes

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

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