#CACCC6 - #FFFBD0 | 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 #CACCC6 to #FFFBD0

#CACCC6 #FFFBD0

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

#CACCC6 - #FFFBD0 | 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 #CACCC6 as 0% and #FFFBD0 as 100%.

0.0%	0.0% #CACCC6	RGB 202 204 198	#CACCC6
16.7%	16.7% #D2D3C7	RGB 210 211 199	#D2D3C7
33.3%	33.3% #DBDBC9	RGB 219 219 201	#DBDBC9
50.0%	50.0% #E4E3CB	RGB 228 227 203	#E4E3CB
66.7%	66.7% #EDEBCC	RGB 237 235 204	#EDEBCC
83.3%	83.3% #F6F3CE	RGB 246 243 206	#F6F3CE
100.0%	100.0% #FFFBD0	RGB 255 251 208	#FFFBD0

#CACCC6 #D2D3C7 #DBDBC9 #E4E3CB #EDEBCC #F6F3CE #FFFBD0

#CACCC6 - #FFFBD0

HSV Blend

#CACCC6 - #FFFBD0 | 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 #CACCC6 as 0% and #FFFBD0 as 100%.

0.0%	0.0% #CACCC6	RGB 202 204 198	#CACCC6
16.7%	16.7% #D1D4C8	RGB 209 212 200	#D1D4C8
33.3%	33.3% #D9DDCB	RGB 217 221 203	#D9DDCB
50.0%	50.0% #E2E5CC	RGB 226 229 204	#E2E5CC
66.7%	66.7% #ECEECE	RGB 236 238 206	#ECEECE
83.3%	83.3% #F6F5CF	RGB 246 245 207	#F6F5CF
100.0%	100.0% #FFFBD0	RGB 255 251 208	#FFFBD0

#CACCC6 #D1D4C8 #D9DDCB #E2E5CC #ECEECE #F6F5CF #FFFBD0

#CACCC6 - #E2E5CC - #FFFBD0

CSS codes

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

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