#CACDC4 - #FFFBCF | 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 #CACDC4 to #FFFBCF

#CACDC4 #FFFBCF

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

#CACDC4 - #FFFBCF | 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 #CACDC4 as 0% and #FFFBCF as 100%.

0.0%	0.0% #CACDC4	RGB 202 205 196	#CACDC4
16.7%	16.7% #D2D4C5	RGB 210 212 197	#D2D4C5
33.3%	33.3% #DBDCC7	RGB 219 220 199	#DBDCC7
50.0%	50.0% #E4E4C9	RGB 228 228 201	#E4E4C9
66.7%	66.7% #EDEBCB	RGB 237 235 203	#EDEBCB
83.3%	83.3% #F6F3CD	RGB 246 243 205	#F6F3CD
100.0%	100.0% #FFFBCF	RGB 255 251 207	#FFFBCF

#CACDC4 #D2D4C5 #DBDCC7 #E4E4C9 #EDEBCB #F6F3CD #FFFBCF

#CACDC4 - #FFFBCF

HSV Blend

#CACDC4 - #FFFBCF | 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 #CACDC4 as 0% and #FFFBCF as 100%.

0.0%	0.0% #CACDC4	RGB 202 205 196	#CACDC4
16.7%	16.7% #D1D5C6	RGB 209 213 198	#D1D5C6
33.3%	33.3% #D9DDC9	RGB 217 221 201	#D9DDC9
50.0%	50.0% #E2E6CB	RGB 226 230 203	#E2E6CB
66.7%	66.7% #ECEECC	RGB 236 238 204	#ECEECC
83.3%	83.3% #F6F6CE	RGB 246 246 206	#F6F6CE
100.0%	100.0% #FFFBCF	RGB 255 251 207	#FFFBCF

#CACDC4 #D1D5C6 #D9DDC9 #E2E6CB #ECEECC #F6F6CE #FFFBCF

#CACDC4 - #E2E6CB - #FFFBCF

CSS codes

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

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